@plone/components
Version:
ReactJS components for Plone
1,423 lines (1,293 loc) • 103 kB
JavaScript
"use client"
"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/index.ts
var index_exports = {};
__export(index_exports, {
AlignWidget: () => AlignWidget,
BlockToolbar: () => BlockToolbar,
Breadcrumb: () => Breadcrumb,
Breadcrumbs: () => Breadcrumbs,
Button: () => Button,
Calendar: () => Calendar,
Checkbox: () => Checkbox,
CheckboxField: () => CheckboxField,
CheckboxGroup: () => CheckboxGroup,
ColorArea: () => ColorArea,
ColorField: () => ColorField,
ColorPicker: () => ColorPicker,
ColorSlider: () => ColorSlider,
ColorSwatch: () => ColorSwatch,
ColorSwatchPicker: () => ColorSwatchPicker,
ColorWheel: () => ColorWheel,
Column: () => Column,
ComboBox: () => ComboBox,
ComboBoxItem: () => ComboBoxItem,
Container: () => Container,
DateField: () => DateField,
DatePicker: () => DatePicker,
DateRangePicker: () => DateRangePicker,
Dialog: () => Dialog4,
DialogTrigger: () => import_react_aria_components24.DialogTrigger,
Disclosure: () => Disclosure,
DisclosureGroup: () => DisclosureGroup,
Form: () => Form,
GridList: () => GridList,
GridListItem: () => GridListItem,
Icon: () => Icon,
Link: () => import_react_aria_components5.Link,
ListBox: () => ListBox2,
ListBoxItem: () => ListBoxItem2,
Menu: () => Menu,
MenuItem: () => MenuItem,
MenuSection: () => MenuSection,
MenuSectionHeader: () => MenuSectionHeader,
MenuSeparator: () => MenuSeparator,
MenuTrigger: () => MenuTrigger,
Meter: () => Meter,
Modal: () => Modal,
NumberField: () => NumberField,
Popover: () => Popover6,
ProgressBar: () => ProgressBar,
QuantaSelect: () => QuantaSelect,
QuantaTextAreaField: () => QuantaTextAreaField,
QuantaTextField: () => QuantaTextField,
Radio: () => import_react_aria_components36.Radio,
RadioGroup: () => RadioGroup2,
RangeCalendar: () => RangeCalendar2,
Row: () => Row,
SearchField: () => SearchField,
Select: () => Select,
SelectItem: () => SelectItem,
SelectListBox: () => SelectListBox,
SelectSection: () => SelectSection,
SelectSectionHeader: () => SelectSectionHeader,
SizeWidget: () => SizeWidget,
Slider: () => Slider,
Spinner: () => Spinner,
SubmenuTrigger: () => SubmenuTrigger,
Switch: () => Switch,
Table: () => Table,
TableHeader: () => TableHeader,
Tabs: () => Tabs,
Tag: () => Tag,
TagGroup: () => TagGroup,
TextAreaField: () => TextAreaField,
TextField: () => TextField,
TimeField: () => TimeField,
Toast: () => Toast,
ToggleButton: () => ToggleButton,
Toolbar: () => Toolbar,
Tooltip: () => Tooltip,
Tree: () => Tree,
TreeItem: () => TreeItem,
TreeItemContent: () => TreeItemContent,
WidthWidget: () => WidthWidget
});
module.exports = __toCommonJS(index_exports);
// src/components/AlignWidget/AlignWidget.tsx
var import_react10 = require("react");
// src/components/RadioGroup/RadioGroup.quanta.tsx
var import_react3 = require("react");
var import_react_aria_components3 = require("react-aria-components");
var import_tailwind_variants3 = require("tailwind-variants");
// src/components/utils.ts
var import_react = require("react");
var import_react_aria_components = require("react-aria-components");
var import_tailwind_merge = require("tailwind-merge");
var import_tailwind_variants = require("tailwind-variants");
var focusRing = (0, import_tailwind_variants.tv)({
base: "outline-quanta-cobalt outline forced-colors:outline-[Highlight]",
variants: {
isFocusVisible: {
false: "outline-0",
true: "outline-3"
}
}
});
function composeTailwindRenderProps(className, tw) {
return (0, import_react_aria_components.composeRenderProps)(className, (className2) => (0, import_tailwind_merge.twMerge)(tw, className2));
}
function useSlot(initialState = true) {
const [hasSlot, setHasSlot] = (0, import_react.useState)(initialState);
const hasRun = (0, import_react.useRef)(false);
const ref = (0, import_react.useCallback)((el) => {
hasRun.current = true;
setHasSlot(!!el);
}, []);
(0, import_react.useLayoutEffect)(() => {
if (!hasRun.current) {
setHasSlot(false);
}
}, []);
return [ref, hasSlot];
}
// src/components/Field/Field.quanta.tsx
var import_react2 = __toESM(require("react"), 1);
var import_react_aria_components2 = require("react-aria-components");
var import_tailwind_merge2 = require("tailwind-merge");
var import_tailwind_variants2 = require("tailwind-variants");
var import_react_aria = require("react-aria");
var import_utils2 = require("@react-aria/utils");
var import_jsx_runtime = require("react/jsx-runtime");
function Label(props) {
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_react_aria_components2.Label,
{
...props,
className: (0, import_tailwind_merge2.twMerge)(
`
w-fit cursor-default text-xs font-medium text-quanta-pigeon
group-data-disabled:text-quanta-silver
group-data-invalid:text-quanta-candy
after:bg-quanta-candy
group-data-required:after:mx-1 group-data-required:after:inline-block
group-data-required:after:h-2 group-data-required:after:w-2
group-data-required:after:rounded-4xl
not-group-data-invalid:not-group-data-readonly:has-[+input:focus]:text-quanta-sapphire
`,
props.className
)
}
);
}
function Description(props) {
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_react_aria_components2.Text,
{
...props,
slot: "description",
className: (0, import_tailwind_merge2.twMerge)(
`
text-xs font-normal text-quanta-pigeon
group-data-disabled:text-quanta-silver
`,
props.className
)
}
);
}
function FieldError(props) {
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_react_aria_components2.FieldError,
{
...props,
className: composeTailwindRenderProps(
props.className,
`
text-xs font-normal text-quanta-candy
forced-colors:text-[Mark]
`
)
}
);
}
var fieldBorderStyles = (0, import_tailwind_variants2.tv)({
variants: {
isFocusWithin: {
false: `forced-colors:border-[ButtonBorder]`,
true: `
bg-quanta-air inset-ring-quanta-sapphire outline-2
group-data-readonly:inset-ring-0
hover:bg-quanta-air
forced-colors:border-[Highlight]
`
},
isInvalid: {
true: `
bg-quanta-ballet outline-2
hover:bg-quanta-flamingo
focus:inset-ring-quanta-candy
forced-colors:border-[Mark]
`
},
isDisabled: {
true: `
bg-quanta-air text-quanta-silver
hover:bg-quanta-air
forced-colors:border-[GrayText]
`
}
}
});
var fieldGroupStyles = (0, import_tailwind_variants2.tv)({
extend: focusRing,
base: `
group flex h-11 items-center overflow-hidden rounded-lg bg-quanta-snow text-quanta-space
hover:bg-quanta-smoke
read-only:hover:bg-quanta-air
focus:bg-quanta-air
active:bg-quanta-air
forced-colors:bg-[Field]
`,
variants: {
...fieldBorderStyles.variants,
isFocusWithin: {
...fieldBorderStyles.variants.isFocusWithin,
true: (0, import_tailwind_merge2.twMerge)(
fieldBorderStyles.variants.isFocusWithin.true,
`inset-ring-2`
)
},
isInvalid: {
...fieldBorderStyles.variants.isInvalid,
true: (0, import_tailwind_merge2.twMerge)(
fieldBorderStyles.variants.isInvalid.true,
`focus:inset-ring-2`
)
}
}
});
var inputStyles = (0, import_tailwind_variants2.tv)({
extend: focusRing,
base: "rounded-md p-3",
variants: {
isFocused: {
...fieldBorderStyles.variants.isFocusWithin,
true: (0, import_tailwind_merge2.twMerge)(
fieldBorderStyles.variants.isFocusWithin.true,
`inset-ring-2`
)
},
isInvalid: {
...fieldBorderStyles.variants.isInvalid,
true: (0, import_tailwind_merge2.twMerge)(
fieldBorderStyles.variants.isInvalid.true,
`focus:inset-ring-2`
)
},
isDisabled: fieldBorderStyles.variants.isDisabled
}
});
var Field = import_react2.default.forwardRef(
(props, ref) => {
const [labelRef] = useSlot(
!props["aria-label"] && !props["aria-labelledby"]
);
const { labelProps, descriptionProps, errorMessageProps } = (0, import_react_aria.useField)({
...props,
isInvalid: props.isInvalid || false,
errorMessage: props.errorMessage
});
const renderProps = (0, import_react_aria_components2.useRenderProps)({
...props,
values: {
isDisabled: props.isDisabled || false,
isInvalid: props.isInvalid || false,
isReadOnly: props.isReadOnly || false,
isRequired: props.isRequired || false
},
defaultClassName: "react-aria-Field"
});
const DOMProps = (0, import_utils2.filterDOMProps)(props);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"div",
{
...DOMProps,
...renderProps,
ref,
slot: props.slot || void 0,
"data-disabled": props.isDisabled || void 0,
"data-invalid": props.isInvalid || void 0,
"data-readonly": props.isReadOnly || void 0,
"data-required": props.isRequired || void 0,
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_react_aria_components2.Provider,
{
values: [
[import_react_aria_components2.LabelContext, { ...labelProps, ref: labelRef }],
[
import_react_aria_components2.GroupContext,
{
role: "presentation",
isInvalid: props.isInvalid || false,
isDisabled: props.isDisabled || false
}
],
[
import_react_aria_components2.TextContext,
{
slots: {
description: descriptionProps,
errorMessage: errorMessageProps
}
}
],
[
import_react_aria_components2.FieldErrorContext,
{
isInvalid: props.isInvalid || false,
validationErrors: props.errorMessage ? [props.errorMessage] : [],
// @ts-expect-error We won't use validationDetails in this context
validationDetails: null
}
]
],
children: renderProps.children
}
)
}
);
}
);
Field.displayName = "Field";
// src/components/RadioGroup/RadioGroup.quanta.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
function RadioGroup(props) {
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
import_react_aria_components3.RadioGroup,
{
...props,
className: composeTailwindRenderProps(
props.className,
"group flex flex-col gap-2"
),
children: [
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Label, { children: props.label }),
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
"div",
{
className: `
flex gap-2
group-orientation-horizontal:gap-4
group-orientation-vertical:flex-col
`,
children: props.children
}
),
props.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Description, { children: props.description }),
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FieldError, { children: props.errorMessage })
]
}
);
}
var styles = (0, import_tailwind_variants3.tv)({
extend: focusRing,
base: `
h-5 w-5 rounded-full border-2 bg-white transition-all
dark:bg-zinc-900
`,
variants: {
isSelected: {
false: `
border-gray-400
group-pressed:border-gray-500
dark:border-zinc-400 dark:group-pressed:border-zinc-300
`,
true: `
border-[7px] border-gray-700
group-pressed:border-gray-800
dark:border-slate-300 dark:group-pressed:border-slate-200
forced-colors:border-[Highlight]!
`
},
isInvalid: {
true: `
border-red-700
group-pressed:border-red-800
dark:border-red-600 dark:group-pressed:border-red-700
forced-colors:border-[Mark]!
`
},
isDisabled: {
true: `
border-gray-200
dark:border-zinc-700
forced-colors:border-[GrayText]!
`
}
}
});
var customRadioButton = (0, import_tailwind_variants3.tv)({
extend: focusRing,
base: `
flex h-10 w-10 cursor-pointer items-center justify-center rounded-md font-medium
text-quanta-iron transition
`,
variants: {
isSelected: {
false: `
bg-quanta-air
hover:bg-quanta-sky
focus:bg-quanta-snow
active:bg-quanta-silver
`,
true: `
bg-quanta-sky
hover:bg-quanta-sky
focus:bg-quanta-sky
active:bg-quanta-sky
pressed:bg-quanta-sky
`
},
isPressed: {
true: "pressed:bg-quanta-cobalt"
},
isInvalid: {
true: `
border border-red-700 text-red-700
dark:border-red-600 dark:text-red-600
`
},
isDisabled: {
true: "text-quanta-smoke"
}
}
});
function CustomRadio(props) {
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
import_react_aria_components3.Radio,
{
...props,
className: (0, import_react_aria_components3.composeRenderProps)(
props.className,
(className, renderProps) => customRadioButton({
...renderProps,
className
})
),
children: props.children
}
);
}
// src/components/icons/AlignleftIcon.tsx
var import_react5 = require("react");
// src/components/Icon/Icon.tsx
var import_react4 = __toESM(require("react"), 1);
var import_utils4 = require("@react-spectrum/utils");
var import_utils5 = require("@react-aria/utils");
var import_clsx = __toESM(require("clsx"), 1);
var import_tailwind_variants4 = require("tailwind-variants");
var icon = (0, import_tailwind_variants4.tv)({
base: "q icon",
variants: {
size: {
"2xs": "icon-2xs",
xs: "icon-xs",
sm: "icon-sm",
base: "icon-base",
lg: "icon-lg",
xl: "icon-xl",
"2xl": "icon-2xl",
"3xl": "icon-3xl"
}
}
});
function Icon(props) {
props = (0, import_utils4.useSlotProps)(props, "icon");
const { children, size, "aria-label": ariaLabel, ...otherProps } = props;
let { "aria-hidden": ariaHidden } = props;
if (!ariaHidden) {
ariaHidden = void 0;
}
const color = props.color?.startsWith("--") ? `var(${props.color})` : props.color || "currentColor";
return import_react4.default.cloneElement(children, {
...(0, import_utils5.filterDOMProps)(otherProps),
focusable: "false",
"aria-label": ariaLabel,
"aria-hidden": ariaLabel ? ariaHidden || void 0 : true,
role: "img",
className: icon({
size,
className: (0, import_clsx.default)(children.props.className, props.className)
}),
style: { fill: color, ...otherProps.style }
});
}
// src/components/icons/AlignleftIcon.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
var AlignleftIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 7H3V5H21V7ZM13 13H3V11H13V13ZM3 19H17V17H3V19Z" })
}
) });
};
// src/components/icons/AligncenterIcon.tsx
var import_react6 = require("react");
var import_jsx_runtime4 = require("react/jsx-runtime");
var AligncenterIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 7H3V5H21V7ZM17 13H7V11H17V13ZM5 19H19V17H5V19Z" })
}
) });
};
// src/components/icons/AlignrightIcon.tsx
var import_react7 = require("react");
var import_jsx_runtime5 = require("react/jsx-runtime");
var AlignrightIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M21 7H3V5H21V7ZM21 13H11V11H21V13ZM7 19H21V17H7V19Z" })
}
) });
};
// src/components/icons/ImageIcon.tsx
var import_react8 = require("react");
var import_jsx_runtime6 = require("react/jsx-runtime");
var ImageIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: [
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 10C18 11.1046 17.1046 12 16 12C14.8954 12 14 11.1046 14 10C14 8.89543 14.8954 8 16 8C17.1046 8 18 8.89543 18 10Z" }),
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"path",
{
fillRule: "evenodd",
d: "M2 20V4H22V20H2ZM4 6H20V17.5857L16.0001 13.5858L14.0001 15.5858L8.00008 9.58582L4 13.5859V6ZM4 16.4143V18H13.5858L8.00008 12.4142L4 16.4143ZM14.4143 18H17.5858L16.0001 16.4142L14.4143 18Z",
clipRule: "evenodd"
}
)
]
}
) });
};
// src/components/icons/ImagefullIcon.tsx
var import_react9 = require("react");
var import_jsx_runtime7 = require("react/jsx-runtime");
var ImagefullIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M9.70726 7.70712L8.29304 6.29291L4.58594 10L8.29304 13.7071L9.70726 12.2929L8.41435 11H15.5856L14.2927 12.2929L15.707 13.7071L19.4141 9.99999L15.707 6.29288L14.2927 7.70709L15.5857 9H8.41438L9.70726 7.70712Z" }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
"path",
{
fillRule: "evenodd",
d: "M2 3V17H22V3H2ZM20 5H4V15H20V5Z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M4 19H20V21H4V19Z" })
]
}
) });
};
// src/components/AlignWidget/AlignWidget.tsx
var import_jsx_runtime8 = require("react/jsx-runtime");
var defaultActionsInfo = {
left: [AlignleftIcon, "Left"],
right: [AlignrightIcon, "Right"],
center: [AligncenterIcon, "Center"],
narrow: [ImageIcon, "Narrow"],
wide: [ImageIcon, "Wide"],
full: [ImagefullIcon, "Full"]
};
function AlignWidget(props) {
const {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
id,
onChange,
actions = ["left", "right", "center", "full"],
actionsInfoMap,
...radioGroupProps
} = props;
const actionsInfo = {
...defaultActionsInfo,
...actionsInfoMap
};
const handleChange = (selectedValue) => {
if (onChange) {
onChange(selectedValue);
}
};
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
RadioGroup,
{
...radioGroupProps,
onChange: handleChange,
orientation: "horizontal",
children: actions.map((action) => {
const [IconComponent, label] = actionsInfo[action];
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CustomRadio, { value: action, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconComponent, { size: "base", "aria-label": label }) }, action);
})
}
);
}
// src/components/BlockToolbar/BlockToolbar.tsx
var import_react11 = require("react");
var import_react_aria_components4 = require("react-aria-components");
var import_jsx_runtime9 = require("react/jsx-runtime");
function BlockToolbar(props) {
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_aria_components4.Toolbar, { ...props, className: "blocks-toolbar" });
}
// src/components/Breadcrumbs/Breadcrumbs.tsx
var import_react117 = require("react");
var import_react_aria_components6 = require("react-aria-components");
// src/components/Link/Link.tsx
var import_react_aria_components5 = require("react-aria-components");
// src/components/icons/AddIcon.tsx
var import_react12 = require("react");
var import_jsx_runtime10 = require("react/jsx-runtime");
var AddIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M13 3H11V11H3V13H11V21H13V13H21V11H13V3Z" })
}
) });
};
// src/components/icons/ArchiveIcon.tsx
var import_react13 = require("react");
var import_jsx_runtime11 = require("react/jsx-runtime");
// src/components/icons/ArrowdownIcon.tsx
var import_react14 = require("react");
var import_jsx_runtime12 = require("react/jsx-runtime");
// src/components/icons/ArrowleftIcon.tsx
var import_react15 = require("react");
var import_jsx_runtime13 = require("react/jsx-runtime");
// src/components/icons/ArrowrightIcon.tsx
var import_react16 = require("react");
var import_jsx_runtime14 = require("react/jsx-runtime");
// src/components/icons/ArrowtoprightIcon.tsx
var import_react17 = require("react");
var import_jsx_runtime15 = require("react/jsx-runtime");
// src/components/icons/ArrowupIcon.tsx
var import_react18 = require("react");
var import_jsx_runtime16 = require("react/jsx-runtime");
// src/components/icons/AttachmentIcon.tsx
var import_react19 = require("react");
var import_jsx_runtime17 = require("react/jsx-runtime");
// src/components/icons/AutomatedcontentIcon.tsx
var import_react20 = require("react");
var import_jsx_runtime18 = require("react/jsx-runtime");
// src/components/icons/BackgroundIcon.tsx
var import_react21 = require("react");
var import_jsx_runtime19 = require("react/jsx-runtime");
// src/components/icons/BinIcon.tsx
var import_react22 = require("react");
var import_jsx_runtime20 = require("react/jsx-runtime");
// src/components/icons/BlindIcon.tsx
var import_react23 = require("react");
var import_jsx_runtime21 = require("react/jsx-runtime");
// src/components/icons/BoldIcon.tsx
var import_react24 = require("react");
var import_jsx_runtime22 = require("react/jsx-runtime");
// src/components/icons/CalendarIcon.tsx
var import_react25 = require("react");
var import_jsx_runtime23 = require("react/jsx-runtime");
// src/components/icons/CheckboxIcon.tsx
var import_react26 = require("react");
var import_jsx_runtime24 = require("react/jsx-runtime");
var CheckboxIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
"path",
{
fillRule: "evenodd",
d: "M18.4395 5.25928L20.5608 7.3806L9.50011 18.4413L3.43945 12.3806L5.56077 10.2593L9.50011 14.1986L18.4395 5.25928Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/icons/ChevrondownIcon.tsx
var import_react27 = require("react");
var import_jsx_runtime25 = require("react/jsx-runtime");
var ChevrondownIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
"path",
{
fill: "currentcolor",
d: "M5.29297 9.70718L6.70718 8.29297L12.0001 13.5859L17.293 8.29297L18.7072 9.70718L12.0001 16.4143L5.29297 9.70718Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/icons/ChevronleftIcon.tsx
var import_react28 = require("react");
var import_jsx_runtime26 = require("react/jsx-runtime");
// src/components/icons/ChevronrightIcon.tsx
var import_react29 = require("react");
var import_jsx_runtime27 = require("react/jsx-runtime");
// src/components/icons/ChevronupIcon.tsx
var import_react30 = require("react");
var import_jsx_runtime28 = require("react/jsx-runtime");
var ChevronupIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
"path",
{
fill: "currentcolor",
d: "M18.707 14.2928L17.2928 15.707L11.9999 10.4141L6.70703 15.707L5.29282 14.2928L11.9999 7.58571L18.707 14.2928Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/icons/CloseIcon.tsx
var import_react31 = require("react");
var import_jsx_runtime29 = require("react/jsx-runtime");
var CloseIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M12.0001 13.4143L18.293 19.7072L19.7072 18.293L13.4143 12.0001L19.7072 5.70719L18.293 4.29298L12.0001 10.5859L5.70719 4.29297L4.29298 5.70718L10.5859 12.0001L4.29297 18.293L5.70718 19.7072L12.0001 13.4143Z" })
}
) });
};
// src/components/icons/CodeIcon.tsx
var import_react32 = require("react");
var import_jsx_runtime30 = require("react/jsx-runtime");
// src/components/icons/CollectionIcon.tsx
var import_react33 = require("react");
var import_jsx_runtime31 = require("react/jsx-runtime");
// src/components/icons/ColumnafterIcon.tsx
var import_react34 = require("react");
var import_jsx_runtime32 = require("react/jsx-runtime");
// src/components/icons/ColumnbeforeIcon.tsx
var import_react35 = require("react");
var import_jsx_runtime33 = require("react/jsx-runtime");
// src/components/icons/ColumndeleteIcon.tsx
var import_react36 = require("react");
var import_jsx_runtime34 = require("react/jsx-runtime");
// src/components/icons/ColumnsIcon.tsx
var import_react37 = require("react");
var import_jsx_runtime35 = require("react/jsx-runtime");
// src/components/icons/CopyIcon.tsx
var import_react38 = require("react");
var import_jsx_runtime36 = require("react/jsx-runtime");
// src/components/icons/CutIcon.tsx
var import_react39 = require("react");
var import_jsx_runtime37 = require("react/jsx-runtime");
// src/components/icons/DashIcon.tsx
var import_react40 = require("react");
var import_jsx_runtime38 = require("react/jsx-runtime");
var DashIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M6 10.5H18V13.5H6z" })
}
) });
};
// src/components/icons/DiscussionIcon.tsx
var import_react41 = require("react");
var import_jsx_runtime39 = require("react/jsx-runtime");
// src/components/icons/DraggableIcon.tsx
var import_react42 = require("react");
var import_jsx_runtime40 = require("react/jsx-runtime");
var DraggableIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
"path",
{
fillRule: "evenodd",
d: "M9 7C10.1046 7 11 6.10457 11 5C11 3.89543 10.1046 3 9 3C7.89543 3 7 3.89543 7 5C7 6.10457 7.89543 7 9 7ZM9 14C10.1046 14 11 13.1046 11 12C11 10.8954 10.1046 10 9 10C7.89543 10 7 10.8954 7 12C7 13.1046 7.89543 14 9 14ZM11 19C11 20.1046 10.1046 21 9 21C7.89543 21 7 20.1046 7 19C7 17.8954 7.89543 17 9 17C10.1046 17 11 17.8954 11 19ZM15 7C16.1046 7 17 6.10457 17 5C17 3.89543 16.1046 3 15 3C13.8954 3 13 3.89543 13 5C13 6.10457 13.8954 7 15 7ZM17 12C17 13.1046 16.1046 14 15 14C13.8954 14 13 13.1046 13 12C13 10.8954 13.8954 10 15 10C16.1046 10 17 10.8954 17 12ZM15 21C16.1046 21 17 20.1046 17 19C17 17.8954 16.1046 17 15 17C13.8954 17 13 17.8954 13 19C13 20.1046 13.8954 21 15 21Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/icons/EditIcon.tsx
var import_react43 = require("react");
var import_jsx_runtime41 = require("react/jsx-runtime");
// src/components/icons/EyeIcon.tsx
var import_react44 = require("react");
var import_jsx_runtime42 = require("react/jsx-runtime");
// src/components/icons/FilterIcon.tsx
var import_react45 = require("react");
var import_jsx_runtime43 = require("react/jsx-runtime");
// src/components/icons/FolderIcon.tsx
var import_react46 = require("react");
var import_jsx_runtime44 = require("react/jsx-runtime");
// src/components/icons/FooterIcon.tsx
var import_react47 = require("react");
var import_jsx_runtime45 = require("react/jsx-runtime");
// src/components/icons/ForegroundIcon.tsx
var import_react48 = require("react");
var import_jsx_runtime46 = require("react/jsx-runtime");
// src/components/icons/FullscreenIcon.tsx
var import_react49 = require("react");
var import_jsx_runtime47 = require("react/jsx-runtime");
// src/components/icons/HighlightIcon.tsx
var import_react50 = require("react");
var import_jsx_runtime48 = require("react/jsx-runtime");
// src/components/icons/HistoryIcon.tsx
var import_react51 = require("react");
var import_jsx_runtime49 = require("react/jsx-runtime");
// src/components/icons/HomeIcon.tsx
var import_react52 = require("react");
var import_jsx_runtime50 = require("react/jsx-runtime");
var HomeIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
"path",
{
fillRule: "evenodd",
d: "M21.5855 9.68946L12 2.7666L2.41455 9.68946L3.58553 11.3108L12 5.23367L20.4146 11.3108L21.5855 9.68946ZM7 12.0001H5V21.0001H11V16.0001H13V21.0001H19V12.0001H17V19.0001H15V14.0001H9V19.0001H7V12.0001Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/icons/ImagefitIcon.tsx
var import_react53 = require("react");
var import_jsx_runtime51 = require("react/jsx-runtime");
var ImagefitIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: [
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M20 3H4V5H20V3Z" }),
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
"path",
{
fillRule: "evenodd",
d: "M4 7V17H20V7H4ZM18 9H6V15H18V9Z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M4 19H20V21H4V19Z" })
]
}
) });
};
// src/components/icons/ImageleftIcon.tsx
var import_react54 = require("react");
var import_jsx_runtime52 = require("react/jsx-runtime");
// src/components/icons/ImagenarrowIcon.tsx
var import_react55 = require("react");
var import_jsx_runtime53 = require("react/jsx-runtime");
var ImagenarrowIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
"svg",
{
width: "24",
height: "24",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
children: [
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M7 9L8 7V17L7 15H17L16 17V7L17 9H7ZM17 7V12V14V16V17H7V7H17Z" }),
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 21H19V19H5V21Z" }),
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 5H19V3H5V5Z" })
]
}
) });
};
// src/components/icons/ImagerightIcon.tsx
var import_react56 = require("react");
var import_jsx_runtime54 = require("react/jsx-runtime");
// src/components/icons/ImagewideIcon.tsx
var import_react57 = require("react");
var import_jsx_runtime55 = require("react/jsx-runtime");
var ImagewideIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("g", { fillRule: "evenodd", children: [
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
"path",
{
fillRule: "nonzero",
d: "M2,9 L3,7 L3,17 L2,15 L22,15 L21,17 L21,7 L22,9 L2,9 Z M22,7 L22,17 L2,17 L2,7 L22,7 Z"
}
),
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("polygon", { points: "5 21 19 21 19 19 5 19" }),
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("polygon", { points: "5 5 19 5 19 3 5 3" })
] })
}
) });
};
// src/components/icons/InfoIcon.tsx
var import_react58 = require("react");
var import_jsx_runtime56 = require("react/jsx-runtime");
var InfoIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: [
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M13 16H14V18H10V16H11V12H10V10H13V16ZM12 5.5C11.1716 5.5 10.5 6.17157 10.5 7 10.5 7.82843 11.1716 8.5 12 8.5 12.8284 8.5 13.5 7.82843 13.5 7 13.5 6.17157 12.8284 5.5 12 5.5Z" }),
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
"path",
{
fillRule: "evenodd",
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z",
clipRule: "evenodd"
}
)
]
}
) });
};
// src/components/icons/ItalicIcon.tsx
var import_react59 = require("react");
var import_jsx_runtime57 = require("react/jsx-runtime");
// src/components/icons/LanguageIcon.tsx
var import_react60 = require("react");
var import_jsx_runtime58 = require("react/jsx-runtime");
// src/components/icons/LeadingIcon.tsx
var import_react61 = require("react");
var import_jsx_runtime59 = require("react/jsx-runtime");
// src/components/icons/LeadingimageIcon.tsx
var import_react62 = require("react");
var import_jsx_runtime60 = require("react/jsx-runtime");
// src/components/icons/LinkIcon.tsx
var import_react63 = require("react");
var import_jsx_runtime61 = require("react/jsx-runtime");
// src/components/icons/ListIcon.tsx
var import_react64 = require("react");
var import_jsx_runtime62 = require("react/jsx-runtime");
// src/components/icons/ListnumbersIcon.tsx
var import_react65 = require("react");
var import_jsx_runtime63 = require("react/jsx-runtime");
// src/components/icons/MailIcon.tsx
var import_react66 = require("react");
var import_jsx_runtime64 = require("react/jsx-runtime");
// src/components/icons/MandatoryIcon.tsx
var import_react67 = require("react");
var import_jsx_runtime65 = require("react/jsx-runtime");
// src/components/icons/MapIcon.tsx
var import_react68 = require("react");
var import_jsx_runtime66 = require("react/jsx-runtime");
// src/components/icons/MenuIcon.tsx
var import_react69 = require("react");
var import_jsx_runtime67 = require("react/jsx-runtime");
// src/components/icons/MergedIcon.tsx
var import_react70 = require("react");
var import_jsx_runtime68 = require("react/jsx-runtime");
// src/components/icons/MoreoptionsIcon.tsx
var import_react71 = require("react");
var import_jsx_runtime69 = require("react/jsx-runtime");
// src/components/icons/NavigationIcon.tsx
var import_react72 = require("react");
var import_jsx_runtime70 = require("react/jsx-runtime");
// src/components/icons/NewsIcon.tsx
var import_react73 = require("react");
var import_jsx_runtime71 = require("react/jsx-runtime");
// src/components/icons/OutIcon.tsx
var import_react74 = require("react");
var import_jsx_runtime72 = require("react/jsx-runtime");
// src/components/icons/PageIcon.tsx
var import_react75 = require("react");
var import_jsx_runtime73 = require("react/jsx-runtime");
// src/components/icons/ParagraphIcon.tsx
var import_react76 = require("react");
var import_jsx_runtime74 = require("react/jsx-runtime");
// src/components/icons/PasteIcon.tsx
var import_react77 = require("react");
var import_jsx_runtime75 = require("react/jsx-runtime");
// src/components/icons/PauseIcon.tsx
var import_react78 = require("react");
var import_jsx_runtime76 = require("react/jsx-runtime");
// src/components/icons/PencilIcon.tsx
var import_react79 = require("react");
var import_jsx_runtime77 = require("react/jsx-runtime");
// src/components/icons/PlayIcon.tsx
var import_react80 = require("react");
var import_jsx_runtime78 = require("react/jsx-runtime");
// src/components/icons/PropertiesIcon.tsx
var import_react81 = require("react");
var import_jsx_runtime79 = require("react/jsx-runtime");
// src/components/icons/QuotesIcon.tsx
var import_react82 = require("react");
var import_jsx_runtime80 = require("react/jsx-runtime");
// src/components/icons/RadiobuttonIcon.tsx
var import_react83 = require("react");
var import_jsx_runtime81 = require("react/jsx-runtime");
// src/components/icons/RedoIcon.tsx
var import_react84 = require("react");
var import_jsx_runtime82 = require("react/jsx-runtime");
// src/components/icons/RenameIcon.tsx
var import_react85 = require("react");
var import_jsx_runtime83 = require("react/jsx-runtime");
// src/components/icons/ReverseIcon.tsx
var import_react86 = require("react");
var import_jsx_runtime84 = require("react/jsx-runtime");
// src/components/icons/ReviewIcon.tsx
var import_react87 = require("react");
var import_jsx_runtime85 = require("react/jsx-runtime");
// src/components/icons/RowafterIcon.tsx
var import_react88 = require("react");
var import_jsx_runtime86 = require("react/jsx-runtime");
// src/components/icons/RowbeforeIcon.tsx
var import_react89 = require("react");
var import_jsx_runtime87 = require("react/jsx-runtime");
// src/components/icons/RowdeleteIcon.tsx
var import_react90 = require("react");
var import_jsx_runtime88 = require("react/jsx-runtime");
// src/components/icons/SearchIcon.tsx
var import_react91 = require("react");
var import_jsx_runtime89 = require("react/jsx-runtime");
// src/components/icons/SecurityIcon.tsx
var import_react92 = require("react");
var import_jsx_runtime90 = require("react/jsx-runtime");
// src/components/icons/SettingsIcon.tsx
var import_react93 = require("react");
var import_jsx_runtime91 = require("react/jsx-runtime");
// src/components/icons/ShareIcon.tsx
var import_react94 = require("react");
var import_jsx_runtime92 = require("react/jsx-runtime");
// src/components/icons/SliderIcon.tsx
var import_react95 = require("react");
var import_jsx_runtime93 = require("react/jsx-runtime");
// src/components/icons/SocialIcon.tsx
var import_react96 = require("react");
var import_jsx_runtime94 = require("react/jsx-runtime");
// src/components/icons/SpacerIcon.tsx
var import_react97 = require("react");
var import_jsx_runtime95 = require("react/jsx-runtime");
// src/components/icons/StateIcon.tsx
var import_react98 = require("react");
var import_jsx_runtime96 = require("react/jsx-runtime");
// src/components/icons/SubtitleIcon.tsx
var import_react99 = require("react");
var import_jsx_runtime97 = require("react/jsx-runtime");
// src/components/icons/TableIcon.tsx
var import_react100 = require("react");
var import_jsx_runtime98 = require("react/jsx-runtime");
// src/components/icons/TagIcon.tsx
var import_react101 = require("react");
var import_jsx_runtime99 = require("react/jsx-runtime");
// src/components/icons/TextIcon.tsx
var import_react102 = require("react");
var import_jsx_runtime100 = require("react/jsx-runtime");
// src/components/icons/ThumbnailsIcon.tsx
var import_react103 = require("react");
var import_jsx_runtime101 = require("react/jsx-runtime");
// src/components/icons/TitleIcon.tsx
var import_react104 = require("react");
var import_jsx_runtime102 = require("react/jsx-runtime");
// src/components/icons/TocIcon.tsx
var import_react105 = require("react");
var import_jsx_runtime103 = require("react/jsx-runtime");
// src/components/icons/UndoIcon.tsx
var import_react106 = require("react");
var import_jsx_runtime104 = require("react/jsx-runtime");
// src/components/icons/UploadIcon.tsx
var import_react107 = require("react");
var import_jsx_runtime105 = require("react/jsx-runtime");
// src/components/icons/UserIcon.tsx
var import_react108 = require("react");
var import_jsx_runtime106 = require("react/jsx-runtime");
// src/components/icons/VideoIcon.tsx
var import_react109 = require("react");
var import_jsx_runtime107 = require("react/jsx-runtime");
// src/components/icons/VoltoIcon.tsx
var import_react110 = require("react");
var import_jsx_runtime108 = require("react/jsx-runtime");
// src/components/icons/WidthDefaultIcon.tsx
var import_react111 = require("react");
var import_jsx_runtime109 = require("react/jsx-runtime");
// src/components/icons/WidthFullIcon.tsx
var import_react112 = require("react");
var import_jsx_runtime110 = require("react/jsx-runtime");
// src/components/icons/WidthLayoutIcon.tsx
var import_react113 = require("react");
var import_jsx_runtime111 = require("react/jsx-runtime");
// src/components/icons/WidthNarrowIcon.tsx
var import_react114 = require("react");
var import_jsx_runtime112 = require("react/jsx-runtime");
// src/components/icons/WindowedIcon.tsx
var import_react115 = require("react");
var import_jsx_runtime113 = require("react/jsx-runtime");
// src/components/icons/WorldIcon.tsx
var import_react116 = require("react");
var import_jsx_runtime114 = require("react/jsx-runtime");
// src/components/Breadcrumbs/Breadcrumbs.tsx
var import_jsx_runtime115 = require("react/jsx-runtime");
function Breadcrumb(props) {
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_aria_components6.Breadcrumb, { ...props, children: ({ isCurrent }) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_jsx_runtime115.Fragment, { children: [
props.value?.icon && props.value?.icon,
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_aria_components5.Link, { ...props }),
!isCurrent && props.separator && props.separator
] }) });
}
function Breadcrumbs(props) {
const { root, items } = props;
let itemsWithRoot;
if (root && items) {
const rootItem = {
"@id": root["@id"] || "/",
title: "Home",
icon: root.icon || /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(HomeIcon, { size: "sm" })
};
itemsWithRoot = [rootItem, ...items];
}
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_aria_components6.Breadcrumbs, { ...props, items: itemsWithRoot || items });
}
// src/components/Button/Button.tsx
var import_react118 = require("react");
var import_react_aria_components7 = require("react-aria-components");
var import_jsx_runtime116 = require("react/jsx-runtime");
var Button = (0, import_react118.forwardRef)(function _Button(props, ref) {
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react_aria_components7.Button, { ref, ...props });
});
// src/components/Calendar/Calendar.tsx
var import_react119 = require("react");
var import_react_aria_components8 = require("react-aria-components");
var import_jsx_runtime117 = require("react/jsx-runtime");
function Calendar({
errorMessage,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_react_aria_components8.Calendar, { ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("header", { children: [
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react_aria_components8.Button, { slot: "previous", children: "\u25C0" }),
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react_aria_components8.Heading, {}),
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react_aria_components8.Button, { slot: "next", children: "\u25B6" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react_aria_components8.CalendarGrid, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react_aria_components8.CalendarCell, { date }) }),
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react_aria_components8.Text, { slot: "errorMessage", children: errorMessage })
] });
}
// src/components/ColorArea/ColorArea.tsx
var React119 = require("react");
var import_react_aria_components9 = require("react-aria-components");
var import_jsx_runtime118 = require("react/jsx-runtime");
function ColorArea(props) {
return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_react_aria_components9.ColorArea, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_react_aria_components9.ColorThumb, {}) });
}
// src/components/ColorField/ColorField.tsx
var React120 = require("react");
var import_react_aria_components10 = require("react-aria-components");
var import_jsx_runtime119 = require("react/jsx-runtime");
function ColorField({
label,
description,
errorMessage,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_react_aria_components10.ColorField, { ...props, children: [
label && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_react_aria_components10.Label, { children: label }),
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_react_aria_components10.Input, {}),
description && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_react_aria_components10.Text, { slot: "description", children: description }),
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_react_aria_components10.FieldError, { children: errorMessage })
] });
}
// src/components/ColorPicker/ColorPicker.tsx
var React123 = require("react");
var import_react_aria_components13 = require("react-aria-components");
// src/components/ColorSwatch/ColorSwatch.tsx
var React121 = require("react");
var import_react_aria_components11 = require("react-aria-components");
var import_jsx_runtime120 = require("react/jsx-runtime");
function ColorSwatch(props) {
return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
import_react_aria_components11.ColorSwatch,
{
...props,
style: ({ color }) => ({
background: `linear-gradient(${color}, ${color}),
repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`
})
}
);
}
// src/components/ColorSlider/ColorSlider.tsx
var React122 = require("react");
var import_react_aria_components12 = require("react-aria-components");
var import_js