@plone/components
Version:
ReactJS components for Plone
1,140 lines (1,084 loc) • 164 kB
JavaScript
"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 src_exports = {};
__export(src_exports, {
AddIcon: () => AddIcon,
AligncenterIcon: () => AligncenterIcon,
AlignleftIcon: () => AlignleftIcon,
AlignrightIcon: () => AlignrightIcon,
ArchiveIcon: () => ArchiveIcon,
ArrowdownIcon: () => ArrowdownIcon,
ArrowleftIcon: () => ArrowleftIcon,
ArrowrightIcon: () => ArrowrightIcon,
ArrowtoprightIcon: () => ArrowtoprightIcon,
ArrowupIcon: () => ArrowupIcon,
AttachmentIcon: () => AttachmentIcon,
AutomatedcontentIcon: () => AutomatedcontentIcon,
BackgroundIcon: () => BackgroundIcon,
BinIcon: () => BinIcon,
BlindIcon: () => BlindIcon,
BlockToolbar: () => BlockToolbar,
BoldIcon: () => BoldIcon,
Breadcrumbs: () => Breadcrumbs,
Button: () => Button,
Calendar: () => Calendar,
CalendarIcon: () => CalendarIcon,
Checkbox: () => Checkbox,
CheckboxField: () => CheckboxField,
CheckboxGroup: () => CheckboxGroup,
CheckboxIcon: () => CheckboxIcon,
ChevrondownIcon: () => ChevrondownIcon,
ChevronleftIcon: () => ChevronleftIcon,
ChevronrightIcon: () => ChevronrightIcon,
ChevronupIcon: () => ChevronupIcon,
CloseIcon: () => CloseIcon,
CodeIcon: () => CodeIcon,
CollectionIcon: () => CollectionIcon,
ColorArea: () => ColorArea,
ColorField: () => ColorField,
ColorPicker: () => ColorPicker,
ColorSlider: () => ColorSlider,
ColorSwatch: () => ColorSwatch,
ColorSwatchPicker: () => ColorSwatchPicker,
ColorWheel: () => ColorWheel,
Column: () => Column,
ColumnafterIcon: () => ColumnafterIcon,
ColumnbeforeIcon: () => ColumnbeforeIcon,
ColumndeleteIcon: () => ColumndeleteIcon,
ColumnsIcon: () => ColumnsIcon,
ComboBox: () => ComboBox,
ComboBoxItem: () => ComboBoxItem,
Container: () => Container,
CopyIcon: () => CopyIcon,
CutIcon: () => CutIcon,
DashIcon: () => DashIcon,
DateField: () => DateField,
DatePicker: () => DatePicker,
DateRangePicker: () => DateRangePicker,
Dialog: () => Dialog4,
Disclosure: () => Disclosure,
DisclosureGroup: () => DisclosureGroup,
DiscussionIcon: () => DiscussionIcon,
DraggableIcon: () => DraggableIcon,
EditIcon: () => EditIcon,
EyeIcon: () => EyeIcon,
FilterIcon: () => FilterIcon,
FolderIcon: () => FolderIcon,
FooterIcon: () => FooterIcon,
ForegroundIcon: () => ForegroundIcon,
Form: () => Form,
FullscreenIcon: () => FullscreenIcon,
GridList: () => GridList,
GridListItem: () => GridListItem,
HighlightIcon: () => HighlightIcon,
HistoryIcon: () => HistoryIcon,
HomeIcon: () => HomeIcon2,
Icon: () => Icon,
ImageIcon: () => ImageIcon,
ImagefitIcon: () => ImagefitIcon,
ImagefullIcon: () => ImagefullIcon,
ImageleftIcon: () => ImageleftIcon,
ImagerightIcon: () => ImagerightIcon,
InfoIcon: () => InfoIcon,
ItalicIcon: () => ItalicIcon,
LanguageIcon: () => LanguageIcon,
LeadingIcon: () => LeadingIcon,
LeadingimageIcon: () => LeadingimageIcon,
Link: () => import_react_aria_components2.Link,
LinkIcon: () => LinkIcon,
ListBox: () => ListBox2,
ListBoxItem: () => ListBoxItem2,
ListIcon: () => ListIcon,
ListnumbersIcon: () => ListnumbersIcon,
MailIcon: () => MailIcon,
MandatoryIcon: () => MandatoryIcon,
MapIcon: () => MapIcon,
Menu: () => Menu,
MenuIcon: () => MenuIcon,
MenuItem: () => MenuItem,
MergedIcon: () => MergedIcon,
Meter: () => Meter,
Modal: () => Modal,
MoreoptionsIcon: () => MoreoptionsIcon,
NavigationIcon: () => NavigationIcon,
NewsIcon: () => NewsIcon,
NumberField: () => NumberField,
OutIcon: () => OutIcon,
PageIcon: () => PageIcon,
ParagraphIcon: () => ParagraphIcon,
PasteIcon: () => PasteIcon,
PauseIcon: () => PauseIcon,
PencilIcon: () => PencilIcon,
PlayIcon: () => PlayIcon,
Popover: () => Popover6,
ProgressBar: () => ProgressBar,
PropertiesIcon: () => PropertiesIcon,
QuantaSelect: () => QuantaSelect,
QuantaTextAreaField: () => QuantaTextAreaField,
QuantaTextField: () => QuantaTextField,
QuotesIcon: () => QuotesIcon,
RadioGroup: () => RadioGroup,
RadiobuttonIcon: () => RadiobuttonIcon,
RangeCalendar: () => RangeCalendar2,
RedoIcon: () => RedoIcon,
RenameIcon: () => RenameIcon,
ReverseIcon: () => ReverseIcon,
ReviewIcon: () => ReviewIcon,
Row: () => Row,
RowafterIcon: () => RowafterIcon,
RowbeforeIcon: () => RowbeforeIcon,
RowdeleteIcon: () => RowdeleteIcon,
SearchField: () => SearchField,
SearchIcon: () => SearchIcon,
SecurityIcon: () => SecurityIcon,
Select: () => Select,
SelectItem: () => SelectItem,
SettingsIcon: () => SettingsIcon,
ShareIcon: () => ShareIcon,
Slider: () => Slider,
SliderIcon: () => SliderIcon,
SocialIcon: () => SocialIcon,
SpacerIcon: () => SpacerIcon,
StateIcon: () => StateIcon,
SubtitleIcon: () => SubtitleIcon,
Switch: () => Switch,
Table: () => Table,
TableHeader: () => TableHeader,
TableIcon: () => TableIcon,
Tabs: () => Tabs,
Tag: () => Tag,
TagGroup: () => TagGroup,
TagIcon: () => TagIcon,
TextAreaField: () => TextAreaField,
TextField: () => TextField,
TextIcon: () => TextIcon,
ThumbnailsIcon: () => ThumbnailsIcon,
TimeField: () => TimeField,
TitleIcon: () => TitleIcon,
Toast: () => Toast,
TocIcon: () => TocIcon,
ToggleButton: () => ToggleButton,
Toolbar: () => Toolbar,
Tooltip: () => Tooltip,
UndoIcon: () => UndoIcon,
UploadIcon: () => UploadIcon,
UserIcon: () => UserIcon,
VideoIcon: () => VideoIcon,
VoltoIcon: () => VoltoIcon,
WindowedIcon: () => WindowedIcon,
WorldIcon: () => WorldIcon
});
module.exports = __toCommonJS(src_exports);
// src/components/BlockToolbar/BlockToolbar.tsx
var import_react = require("react");
var import_react_aria_components = require("react-aria-components");
var import_jsx_runtime = require("react/jsx-runtime");
function BlockToolbar(props) {
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Toolbar, { ...props, className: "blocks-toolbar" });
}
// src/components/Breadcrumbs/Breadcrumbs.tsx
var import_react4 = require("react");
var import_react_aria_components3 = require("react-aria-components");
// src/components/Link/Link.tsx
var import_react_aria_components2 = require("react-aria-components");
// src/components/Breadcrumbs/HomeIcon.tsx
var import_react3 = require("react");
// src/components/Icon/Icon.tsx
var import_react2 = __toESM(require("react"), 1);
var import_utils = require("@react-spectrum/utils");
var import_utils2 = require("@react-aria/utils");
var import_clsx = __toESM(require("clsx"), 1);
function iconColorValue(value) {
return `var(--quanta-color-icon-${value})`;
}
var iconStyleProps = {
...import_utils.baseStyleProps,
color: ["color", iconColorValue]
};
function Icon(props) {
props = (0, import_utils.useSlotProps)(props, "icon");
let {
children,
size,
"aria-label": ariaLabel,
"aria-hidden": ariaHidden,
...otherProps
} = props;
let { styleProps } = (0, import_utils.useStyleProps)(otherProps, iconStyleProps);
if (!ariaHidden) {
ariaHidden = void 0;
}
let iconSize = size ? size : "M";
return import_react2.default.cloneElement(children, {
...(0, import_utils2.filterDOMProps)(otherProps),
...styleProps,
focusable: "false",
"aria-label": ariaLabel,
"aria-hidden": ariaLabel ? ariaHidden || void 0 : true,
role: "img",
className: (0, import_clsx.default)(
"q icon",
`icon--size${iconSize}`,
children.props.className,
styleProps.className
)
});
}
// src/components/Breadcrumbs/HomeIcon.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
var HomeIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
"svg",
{
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
className: "home-icon",
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
"path",
{
fillRule: "evenodd",
clipRule: "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"
}
)
}
) });
};
// src/components/Breadcrumbs/Breadcrumbs.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
function Breadcrumbs({
className,
items,
root,
includeRoot
}) {
let itemsWithRoot;
if (includeRoot) {
const rootItem = {
"@id": root || "/",
title: "Home"
};
itemsWithRoot = [rootItem, ...items];
}
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { "aria-label": "breadcrumbs", role: "navigation", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.Breadcrumbs, { className, items: itemsWithRoot || items, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.Breadcrumb, { id: item["@id"], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_aria_components2.Link, { href: item["@id"], children: [
item["@id"] === (root || "/") && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HomeIcon, { size: "S" }),
item.title
] }) }) }) });
}
// src/components/Button/Button.tsx
var import_react5 = require("react");
var import_react_aria_components4 = require("react-aria-components");
var import_jsx_runtime4 = require("react/jsx-runtime");
var Button = (0, import_react5.forwardRef)(function _Button(props, ref) {
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_aria_components4.Button, { ref, ...props });
});
// src/components/Calendar/Calendar.tsx
var import_react6 = require("react");
var import_react_aria_components5 = require("react-aria-components");
var import_jsx_runtime5 = require("react/jsx-runtime");
function Calendar({
errorMessage,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_aria_components5.Calendar, { ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { children: [
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components5.Button, { slot: "previous", children: "\u25C0" }),
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components5.Heading, {}),
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components5.Button, { slot: "next", children: "\u25B6" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components5.CalendarGrid, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components5.CalendarCell, { date }) }),
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components5.Text, { slot: "errorMessage", children: errorMessage })
] });
}
// src/components/ColorArea/ColorArea.tsx
var React7 = require("react");
var import_react_aria_components6 = require("react-aria-components");
var import_jsx_runtime6 = require("react/jsx-runtime");
function ColorArea(props) {
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components6.ColorArea, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components6.ColorThumb, {}) });
}
// src/components/ColorField/ColorField.tsx
var React8 = require("react");
var import_react_aria_components7 = require("react-aria-components");
var import_jsx_runtime7 = require("react/jsx-runtime");
function ColorField({
label,
description,
errorMessage,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_aria_components7.ColorField, { ...props, children: [
label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_aria_components7.Label, { children: label }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_aria_components7.Input, {}),
description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_aria_components7.Text, { slot: "description", children: description }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_aria_components7.FieldError, { children: errorMessage })
] });
}
// src/components/ColorPicker/ColorPicker.tsx
var React11 = require("react");
var import_react_aria_components10 = require("react-aria-components");
// src/components/ColorSwatch/ColorSwatch.tsx
var React9 = require("react");
var import_react_aria_components8 = require("react-aria-components");
var import_jsx_runtime8 = require("react/jsx-runtime");
function ColorSwatch(props) {
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
import_react_aria_components8.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 React10 = require("react");
var import_react_aria_components9 = require("react-aria-components");
var import_jsx_runtime9 = require("react/jsx-runtime");
function ColorSlider({ label, ...props }) {
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_aria_components9.ColorSlider, { ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_aria_components9.Label, { children: label }),
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_aria_components9.SliderOutput, {}),
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
import_react_aria_components9.SliderTrack,
{
style: ({ defaultStyle }) => ({
background: `${defaultStyle.background},
repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`
}),
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_aria_components9.ColorThumb, {})
}
)
] });
}
// src/components/ColorPicker/ColorPicker.tsx
var import_jsx_runtime10 = require("react/jsx-runtime");
function ColorPicker({ label, children, ...props }) {
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_aria_components10.ColorPicker, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_aria_components10.DialogTrigger, { children: [
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_aria_components10.Button, { className: "color-picker", children: [
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ColorSwatch, {}),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: label })
] }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_aria_components10.Popover, { placement: "bottom start", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_aria_components10.Dialog, { className: "color-picker-dialog", children: children || /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
ColorArea,
{
colorSpace: "hsb",
xChannel: "saturation",
yChannel: "brightness"
}
),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ColorSlider, { colorSpace: "hsb", channel: "hue" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
ColorField,
{
label: "Hex",
onKeyDown: (e) => {
if (e.key === "Enter") {
e.currentTarget.blur();
}
}
}
)
] }) }) })
] }) });
}
// src/components/ColorSwatchPicker/ColorSwatchPicker.tsx
var React12 = require("react");
var import_react_aria_components11 = require("react-aria-components");
var import_jsx_runtime11 = require("react/jsx-runtime");
function ColorSwatchPicker({
children,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components11.ColorSwatchPicker, { ...props, children });
}
// src/components/ColorWheel/ColorWheel.tsx
var React13 = require("react");
var import_react_aria_components12 = require("react-aria-components");
var import_jsx_runtime12 = require("react/jsx-runtime");
function ColorWheel(props) {
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_aria_components12.ColorWheel, { ...props, outerRadius: 100, innerRadius: 74, children: [
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components12.ColorWheelTrack, {}),
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components12.ColorThumb, {})
] });
}
// src/components/Checkbox/Checkbox.tsx
var import_react7 = require("react");
var import_react_aria_components13 = require("react-aria-components");
var import_jsx_runtime13 = require("react/jsx-runtime");
function Checkbox({ children, ...props }) {
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components13.Checkbox, { ...props, children: ({ isIndeterminate }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "checkbox", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: 1, y: 7.5, width: 15, height: 3 }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "1 9 7 14 15 4" }) }) }),
props.label || children
] }) });
}
// src/components/CheckboxField/CheckboxField.tsx
var import_react8 = require("react");
var import_react_aria_components14 = require("react-aria-components");
var import_jsx_runtime14 = require("react/jsx-runtime");
function CheckboxField({
children,
errorMessage,
description,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "react-aria-CheckboxField", children: [
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Checkbox, { ...props }),
description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components14.Text, { slot: "description", children: description }),
props.isInvalid && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components14.Text, { slot: "errorMessage", children: errorMessage })
] });
}
// src/components/CheckboxGroup/CheckboxGroup.tsx
var import_react9 = require("react");
var import_react_aria_components15 = require("react-aria-components");
var import_jsx_runtime15 = require("react/jsx-runtime");
function CheckboxGroup({
label,
description,
errorMessage,
children,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_aria_components15.CheckboxGroup, { ...props, children: [
label,
children,
description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components15.Text, { slot: "description", children: description }),
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components15.FieldError, { children: errorMessage })
] });
}
// src/components/ComboBox/ComboBox.tsx
var import_react10 = require("react");
var import_react_aria_components16 = require("react-aria-components");
var import_jsx_runtime16 = require("react/jsx-runtime");
function ComboBox({
label,
description,
errorMessage,
children,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_aria_components16.ComboBox, { ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.Label, { children: label }),
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "my-combobox-container", children: [
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.Input, {}),
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.Button, { children: "\u25BC" })
] }),
description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.Text, { slot: "description", children: description }),
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.FieldError, { children: errorMessage }),
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.ListBox, { children }) })
] });
}
function ComboBoxItem(props) {
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components16.ListBoxItem, { ...props });
}
// src/components/Container/Container.tsx
var import_react11 = require("react");
var import_clsx2 = __toESM(require("clsx"), 1);
var import_jsx_runtime17 = require("react/jsx-runtime");
var Container = (props) => {
const {
as: Component = "div",
children,
className,
layout,
narrow,
...rest
} = props;
const classes = (0, import_clsx2.default)("q", "container", className, { layout, narrow });
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Component, { ...rest, className: classes, children });
};
// src/components/DateField/DateField.tsx
var import_react12 = require("react");
var import_react_aria_components17 = require("react-aria-components");
var import_jsx_runtime18 = require("react/jsx-runtime");
function DateField({
label,
description,
errorMessage,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_aria_components17.DateField, { ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components17.Label, { children: label }),
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components17.DateInput, { children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components17.DateSegment, { segment }) }),
description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components17.Text, { slot: "description", children: description }),
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components17.FieldError, { children: errorMessage })
] });
}
// src/components/DatePicker/DatePicker.tsx
var import_react13 = require("react");
var import_react_aria_components18 = require("react-aria-components");
var import_jsx_runtime19 = require("react/jsx-runtime");
function DatePicker({
label,
description,
errorMessage,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_aria_components18.DatePicker, { ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Label, { children: label }),
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_aria_components18.Group, { children: [
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.DateInput, { children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.DateSegment, { segment }) }),
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Button, { children: "\u25BC" })
] }),
description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Text, { slot: "description", children: description }),
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.FieldError, { children: errorMessage }),
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Dialog, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_aria_components18.Calendar, { children: [
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("header", { children: [
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Button, { slot: "previous", children: "\u25C0" }),
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Heading, {}),
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.Button, { slot: "next", children: "\u25B6" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.CalendarGrid, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.CalendarCell, { date }) })
] }) }) })
] });
}
// src/components/DateRangePicker/DateRangePicker.tsx
var import_react14 = require("react");
var import_react_aria_components19 = require("react-aria-components");
var import_jsx_runtime20 = require("react/jsx-runtime");
function DateRangePicker({
label,
description,
errorMessage,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_aria_components19.DateRangePicker, { ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Label, { children: label }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_aria_components19.Group, { children: [
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.DateInput, { slot: "start", children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.DateSegment, { segment }) }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-hidden": "true", children: "\u2013" }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.DateInput, { slot: "end", children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.DateSegment, { segment }) }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Button, { children: "\u25BC" })
] }),
description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Text, { slot: "description", children: description }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.FieldError, { children: errorMessage }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Dialog, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_aria_components19.RangeCalendar, { children: [
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("header", { children: [
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Button, { slot: "previous", children: "\u25C0" }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Heading, {}),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.Button, { slot: "next", children: "\u25B6" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.CalendarGrid, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components19.CalendarCell, { date }) })
] }) }) })
] });
}
// src/components/Dialog/Dialog.tsx
var import_react15 = require("react");
var import_react_aria_components20 = require("react-aria-components");
var import_jsx_runtime21 = require("react/jsx-runtime");
function Dialog4(props) {
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components20.Dialog, { ...props });
}
// src/components/Disclosure/Disclosure.tsx
var React23 = require("react");
var import_react_aria_components21 = require("react-aria-components");
var import_jsx_runtime22 = require("react/jsx-runtime");
function Disclosure(props) {
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components21.Disclosure, { ...props });
}
// src/components/DisclosureGroup/DisclosureGroup.tsx
var React24 = require("react");
var import_react_aria_components22 = require("react-aria-components");
var import_jsx_runtime23 = require("react/jsx-runtime");
function DisclosureGroup(props) {
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components22.DisclosureGroup, { ...props });
}
// src/components/Form/Form.tsx
var import_react16 = require("react");
var import_react_aria_components23 = require("react-aria-components");
var import_jsx_runtime24 = require("react/jsx-runtime");
function Form(props) {
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components23.Form, { ...props });
}
// src/components/GridList/GridList.tsx
var import_react17 = require("react");
var import_react_aria_components24 = require("react-aria-components");
var import_jsx_runtime25 = require("react/jsx-runtime");
function GridList({
children,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components24.GridList, { ...props, children });
}
function GridListItem({ children, ...props }) {
let textValue = typeof children === "string" ? children : void 0;
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components24.GridListItem, { textValue, ...props, children: ({ selectionMode, selectionBehavior, allowsDragging }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
allowsDragging && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components24.Button, { slot: "drag", children: "\u2261" }),
selectionMode === "multiple" && selectionBehavior === "toggle" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Checkbox, { slot: "selection" }),
children
] }) });
}
// src/components/Icons/AddIcon.tsx
var import_react18 = require("react");
var import_jsx_runtime26 = require("react/jsx-runtime");
var AddIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M13 3H11V11H3V13H11V21H13V13H21V11H13V3Z" })
}
) });
};
// src/components/Icons/AligncenterIcon.tsx
var import_react19 = require("react");
var import_jsx_runtime27 = require("react/jsx-runtime");
var AligncenterIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M21 7H3V5H21V7ZM17 13H7V11H17V13ZM5 19H19V17H5V19Z" })
}
) });
};
// src/components/Icons/AlignleftIcon.tsx
var import_react20 = require("react");
var import_jsx_runtime28 = require("react/jsx-runtime");
var AlignleftIcon = (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", { d: "M21 7H3V5H21V7ZM13 13H3V11H13V13ZM3 19H17V17H3V19Z" })
}
) });
};
// src/components/Icons/AlignrightIcon.tsx
var import_react21 = require("react");
var import_jsx_runtime29 = require("react/jsx-runtime");
var AlignrightIcon = (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: "M21 7H3V5H21V7ZM21 13H11V11H21V13ZM7 19H21V17H7V19Z" })
}
) });
};
// src/components/Icons/ArchiveIcon.tsx
var import_react22 = require("react");
var import_jsx_runtime30 = require("react/jsx-runtime");
var ArchiveIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: [
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M8 13H16V11H8V13Z" }),
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
"path",
{
fillRule: "evenodd",
d: "M3 3H21V9H20V21H4V9H3V3ZM6 9H18V19H6V9ZM19 5V7H5V5H19Z",
clipRule: "evenodd"
}
)
]
}
) });
};
// src/components/Icons/ArrowdownIcon.tsx
var import_react23 = require("react");
var import_jsx_runtime31 = require("react/jsx-runtime");
var ArrowdownIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M6.70718 13.2929L5.29297 14.7071L12.0001 21.4142L18.7072 14.7071L17.293 13.2929L13.0001 17.5858L13.0001 3L11.0001 3L11.0001 17.5858L6.70718 13.2929Z" })
}
) });
};
// src/components/Icons/ArrowleftIcon.tsx
var import_react24 = require("react");
var import_jsx_runtime32 = require("react/jsx-runtime");
var ArrowleftIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M10.7073 6.70718L9.29305 5.29297L2.58594 12.0001L9.29304 18.7072L10.7073 17.293L6.41437 13.0001L21.0002 13.0001V11.0001L6.41436 11.0001L10.7073 6.70718Z" })
}
) });
};
// src/components/Icons/ArrowrightIcon.tsx
var import_react25 = require("react");
var import_jsx_runtime33 = require("react/jsx-runtime");
var ArrowrightIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M13.2929 17.293L14.7071 18.7072L21.4142 12.0001L14.7071 5.29297L13.2929 6.70718L17.5858 11.0001H3V13.0001H17.5858L13.2929 17.293Z" })
}
) });
};
// src/components/Icons/ArrowtoprightIcon.tsx
var import_react26 = require("react");
var import_jsx_runtime34 = require("react/jsx-runtime");
var ArrowtoprightIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M15.5859 7H9.5V5H19V14.5H17V8.4143L6.70718 18.7071L5.29297 17.2929L15.5859 7Z" })
}
) });
};
// src/components/Icons/ArrowupIcon.tsx
var import_react27 = require("react");
var import_jsx_runtime35 = require("react/jsx-runtime");
var ArrowupIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M17.293 10.7073L18.7072 9.29305L12.0001 2.58594L5.29297 9.29304L6.70718 10.7073L11.0001 6.41437L11.0001 21.0002H13.0001L13.0001 6.41436L17.293 10.7073Z" })
}
) });
};
// src/components/Icons/AttachmentIcon.tsx
var import_react28 = require("react");
var import_jsx_runtime36 = require("react/jsx-runtime");
var AttachmentIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M10 4C8.34315 4 7 5.34315 7 7V15C7 17.7614 9.23858 20 12 20C14.7614 20 17 17.7614 17 15V4H19V15C19 18.866 15.866 22 12 22C8.13401 22 5 18.866 5 15V7C5 4.23858 7.23858 2 10 2C12.7614 2 15 4.23858 15 7V15C15 16.6569 13.6569 18 12 18C10.3431 18 9 16.6569 9 15L9 7L11 7L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15V7C13 5.34315 11.6569 4 10 4Z" })
}
) });
};
// src/components/Icons/AutomatedcontentIcon.tsx
var import_react29 = require("react");
var import_jsx_runtime37 = require("react/jsx-runtime");
var AutomatedcontentIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M20 8C18.8954 8 18 7.10457 18 6 18 4.89543 18.8954 4 20 4 21.1046 4 22 4.89543 22 6 22 7.10457 21.1046 8 20 8ZM18 12C18 13.1046 18.8954 14 20 14 21.1046 14 22 13.1046 22 12 22 10.8954 21.1046 10 20 10 18.8954 10 18 10.8954 18 12ZM18 18C18 19.1046 18.8954 20 20 20 21.1046 20 22 19.1046 22 18 22 16.8954 21.1046 16 20 16 18.8954 16 18 16.8954 18 18ZM16 5 10 5V19H16V17H12V13L16 13V11L12 11V7H16V5ZM5.5 8.5 2 12 5.5 15.5 9 12 5.5 8.5Z" })
}
) });
};
// src/components/Icons/BackgroundIcon.tsx
var import_react30 = require("react");
var import_jsx_runtime38 = require("react/jsx-runtime");
var BackgroundIcon = (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",
{
fillRule: "evenodd",
d: "M18 6H6V18H18V6ZM4 4V20H20V4H4Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/Icons/BinIcon.tsx
var import_react31 = require("react");
var import_jsx_runtime39 = require("react/jsx-runtime");
var BinIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: [
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M9 18V8H11V18H9ZM13 8V18H15V8H13Z" }),
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
"path",
{
fillRule: "evenodd",
d: "M13.5 4C13.5 3.17157 12.8284 2.5 12 2.5C11.1716 2.5 10.5 3.17157 10.5 4H4V6H5V19C5 20.6569 6.34315 22 8 22H16C17.6569 22 19 20.6569 19 19V6H20V4H13.5ZM7 19V6H17V19C17 19.5523 16.5523 20 16 20H8C7.44772 20 7 19.5523 7 19Z",
clipRule: "evenodd"
}
)
]
}
) });
};
// src/components/Icons/BlindIcon.tsx
var import_react32 = require("react");
var import_jsx_runtime40 = require("react/jsx-runtime");
var BlindIcon = (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: "M5.92572 11.6379C7.28054 12.8798 9.29877 14.0001 12 14.0001C14.7012 14.0001 16.7195 12.8798 18.0743 11.6379C18.7544 11.0145 19.2581 10.3679 19.5858 9.83533C19.75 9.56862 19.8631 9.34158 19.932 9.1709C19.9771 9.05914 19.993 8.99662 19.9982 8.97587L19.9982 8.97582L19.9983 8.97576C19.9996 8.97052 20.0002 8.96798 20.0005 8.96802C20.0008 8.96806 20.0007 8.97041 20.0005 8.97496L20.0005 8.97506L20.0005 8.97518L20.0005 8.97534C20.0003 8.98071 20 8.989 20 9.00005H22C22 9.32108 21.894 9.65317 21.7868 9.91905C21.6681 10.2132 21.5 10.5409 21.2892 10.8835C20.9404 11.4502 20.456 12.0884 19.8359 12.7168L21.1426 14.274L19.6105 15.5596L18.3111 14.011C17.5099 14.5769 16.5733 15.0803 15.5025 15.439L15.9537 17.3931L14.0049 17.843L13.5551 15.8945C13.0587 15.963 12.5403 16.0001 12 16.0001C11.4577 16.0001 10.9375 15.9628 10.4395 15.8938L9.98878 17.846L8.04004 17.3961L8.49226 15.4373C7.41782 15.0767 6.47855 14.5704 5.67574 14.0017L4.36837 15.5597L2.83629 14.2741L4.15272 12.7053C3.53814 12.0806 3.05746 11.4468 2.71084 10.8835C2.49997 10.5409 2.33188 10.2132 2.21323 9.91905C2.10598 9.65317 2 9.32108 2 9.00005H4C4 8.98874 3.99969 8.98032 3.99949 8.97496V8.97495C3.99932 8.9704 3.99924 8.96806 3.99949 8.96802C3.99976 8.96798 4.00042 8.97055 4.00177 8.97587C4.00705 8.99663 4.02295 9.05915 4.06802 9.1709C4.13687 9.34158 4.25003 9.56862 4.41416 9.83533C4.74188 10.3679 5.24565 11.0145 5.92572 11.6379Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/Icons/BoldIcon.tsx
var import_react33 = require("react");
var import_jsx_runtime41 = require("react/jsx-runtime");
var BoldIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M4.83252 20.9999H14.2185C17.6505 20.9999 20.0945 19.0239 20.0945 16.1639C20.0945 14.1879 18.8725 12.5239 16.7925 11.5879C18.3785 10.7559 19.3145 9.42994 19.3145 7.60994C19.3145 5.00994 17.0785 3.13794 13.8805 3.13794H4.83252V20.9999ZM8.65452 10.3399V6.41394H12.9445C14.3485 6.41394 15.3625 7.24594 15.3625 8.36394C15.3625 9.50794 14.3485 10.3399 12.9445 10.3399H8.65452ZM8.65452 17.7239V13.3559H13.5165C15.0505 13.3559 16.1425 14.2659 16.1425 15.5399C16.1425 16.8139 15.0505 17.7239 13.5165 17.7239H8.65452Z" })
}
) });
};
// src/components/Icons/CalendarIcon.tsx
var import_react34 = require("react");
var import_jsx_runtime42 = require("react/jsx-runtime");
var CalendarIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
"path",
{
fillRule: "evenodd",
d: "M7 2V4H3V21H21V4H17V2H15V4H9V2H7ZM19 6V8H5V6H19ZM5 10V19H19V10H5Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/Icons/CheckboxIcon.tsx
var import_react35 = require("react");
var import_jsx_runtime43 = require("react/jsx-runtime");
var CheckboxIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime43.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_react36 = require("react");
var import_jsx_runtime44 = require("react/jsx-runtime");
var ChevrondownIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime44.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_react37 = require("react");
var import_jsx_runtime45 = require("react/jsx-runtime");
var ChevronleftIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
"path",
{
fillRule: "evenodd",
d: "M14.293 18.7072L15.7073 17.293L10.4144 12.0001L15.7073 6.70718L14.293 5.29297L7.58594 12.0001L14.293 18.7072Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/Icons/ChevronrightIcon.tsx
var import_react38 = require("react");
var import_jsx_runtime46 = require("react/jsx-runtime");
var ChevronrightIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
"path",
{
fillRule: "evenodd",
d: "M9.70718 18.7072L8.29297 17.293L13.5859 12.0001L8.29297 6.70718L9.70718 5.29297L16.4143 12.0001L9.70718 18.7072Z",
clipRule: "evenodd"
}
)
}
) });
};
// src/components/Icons/ChevronupIcon.tsx
var import_react39 = require("react");
var import_jsx_runtime47 = require("react/jsx-runtime");
var ChevronupIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime47.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_react40 = require("react");
var import_jsx_runtime48 = require("react/jsx-runtime");
var CloseIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime48.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_react41 = require("react");
var import_jsx_runtime49 = require("react/jsx-runtime");
var CodeIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M6.29304 7.29297 7.70726 8.70718 4.41436 12.0001 7.70726 15.293 6.29304 16.7072 1.58594 12.0001 6.29304 7.29297ZM14.8943 8.44728 10.8943 16.4473 9.10547 15.5529 13.1055 7.55286 14.8943 8.44728ZM16.2927 15.2931 17.707 16.7073 22.4141 12.0002 17.707 7.29306 16.2927 8.70728 19.5856 12.0002 16.2927 15.2931Z" })
}
) });
};
// src/components/Icons/CollectionIcon.tsx
var import_react42 = require("react");
var import_jsx_runtime50 = require("react/jsx-runtime");
var CollectionIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { ...props, chil