@fpkit/acss 6.4.2 → 6.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/libs/chunk-EARHB4PD.js +11 -0
  2. package/libs/chunk-EARHB4PD.js.map +1 -0
  3. package/libs/chunk-PSIXTYFY.cjs +19 -0
  4. package/libs/chunk-PSIXTYFY.cjs.map +1 -0
  5. package/libs/components/alert/alert.css +1 -0
  6. package/libs/components/alert/alert.css.map +1 -0
  7. package/libs/components/alert/alert.min.css +3 -0
  8. package/libs/components/badge/badge.css +1 -0
  9. package/libs/components/badge/badge.css.map +1 -0
  10. package/libs/components/badge/badge.min.css +3 -0
  11. package/libs/components/box/box.css +1 -0
  12. package/libs/components/box/box.css.map +1 -0
  13. package/libs/components/box/box.min.css +3 -0
  14. package/libs/components/breadcrumbs/breadcrumb.css +1 -0
  15. package/libs/components/breadcrumbs/breadcrumb.css.map +1 -0
  16. package/libs/components/breadcrumbs/breadcrumb.min.css +3 -0
  17. package/libs/components/buttons/button.css +1 -0
  18. package/libs/components/buttons/button.css.map +1 -0
  19. package/libs/components/buttons/button.min.css +3 -0
  20. package/libs/components/buttons/icon-button.css +1 -0
  21. package/libs/components/buttons/icon-button.css.map +1 -0
  22. package/libs/components/buttons/icon-button.min.css +3 -0
  23. package/libs/components/cards/card-style.css +1 -0
  24. package/libs/components/cards/card-style.css.map +1 -0
  25. package/libs/components/cards/card-style.min.css +3 -0
  26. package/libs/components/cards/card.css +1 -0
  27. package/libs/components/cards/card.css.map +1 -0
  28. package/libs/components/cards/card.min.css +3 -0
  29. package/libs/components/cluster/cluster.css +1 -0
  30. package/libs/components/cluster/cluster.css.map +1 -0
  31. package/libs/components/cluster/cluster.min.css +3 -0
  32. package/libs/components/details/details.css +1 -0
  33. package/libs/components/details/details.css.map +1 -0
  34. package/libs/components/details/details.min.css +3 -0
  35. package/libs/components/dialog/dialog.cjs +3 -3
  36. package/libs/components/dialog/dialog.css +1 -0
  37. package/libs/components/dialog/dialog.css.map +1 -0
  38. package/libs/components/dialog/dialog.d.cts +1 -1
  39. package/libs/components/dialog/dialog.d.ts +1 -1
  40. package/libs/components/dialog/dialog.js +1 -1
  41. package/libs/components/dialog/dialog.min.css +3 -0
  42. package/libs/components/flexbox/flex.css +1 -0
  43. package/libs/components/flexbox/flex.css.map +1 -0
  44. package/libs/components/flexbox/flex.min.css +3 -0
  45. package/libs/components/form/checkbox.css +1 -0
  46. package/libs/components/form/checkbox.css.map +1 -0
  47. package/libs/components/form/checkbox.min.css +3 -0
  48. package/libs/components/form/form.css +1 -0
  49. package/libs/components/form/form.css.map +1 -0
  50. package/libs/components/form/form.min.css +3 -0
  51. package/libs/components/form/select.css +1 -0
  52. package/libs/components/form/select.css.map +1 -0
  53. package/libs/components/form/select.min.css +3 -0
  54. package/libs/components/grid/grid.css +1 -0
  55. package/libs/components/grid/grid.css.map +1 -0
  56. package/libs/components/grid/grid.min.css +3 -0
  57. package/libs/components/icons/icon.css +1 -0
  58. package/libs/components/icons/icon.css.map +1 -0
  59. package/libs/components/icons/icon.min.css +3 -0
  60. package/libs/components/images/img.css +1 -0
  61. package/libs/components/images/img.css.map +1 -0
  62. package/libs/components/images/img.min.css +3 -0
  63. package/libs/components/layout/landmarks.css +1 -0
  64. package/libs/components/layout/landmarks.css.map +1 -0
  65. package/libs/components/layout/landmarks.min.css +3 -0
  66. package/libs/components/link/link.css +1 -0
  67. package/libs/components/link/link.css.map +1 -0
  68. package/libs/components/link/link.min.css +3 -0
  69. package/libs/components/list/list.css +1 -0
  70. package/libs/components/list/list.css.map +1 -0
  71. package/libs/components/list/list.min.css +3 -0
  72. package/libs/components/nav/nav.css +1 -0
  73. package/libs/components/nav/nav.css.map +1 -0
  74. package/libs/components/nav/nav.min.css +3 -0
  75. package/libs/components/popover/popover.css +1 -0
  76. package/libs/components/popover/popover.css.map +1 -0
  77. package/libs/components/popover/popover.min.css +3 -0
  78. package/libs/components/progress/progress.css +1 -0
  79. package/libs/components/progress/progress.css.map +1 -0
  80. package/libs/components/progress/progress.min.css +3 -0
  81. package/libs/components/stack/stack.css +1 -0
  82. package/libs/components/stack/stack.css.map +1 -0
  83. package/libs/components/stack/stack.min.css +3 -0
  84. package/libs/components/styles/index.css +1 -0
  85. package/libs/components/styles/index.css.map +1 -0
  86. package/libs/components/styles/index.min.css +3 -0
  87. package/libs/components/tag/tag.css +1 -0
  88. package/libs/components/tag/tag.css.map +1 -0
  89. package/libs/components/tag/tag.min.css +3 -0
  90. package/libs/components/text-to-speech/text-to-speech.css +1 -0
  91. package/libs/components/text-to-speech/text-to-speech.css.map +1 -0
  92. package/libs/components/text-to-speech/text-to-speech.min.css +3 -0
  93. package/libs/components/title/title.css +1 -0
  94. package/libs/components/title/title.css.map +1 -0
  95. package/libs/components/title/title.min.css +3 -0
  96. package/libs/{dialog-6c6b3588.d.ts → dialog-e28c085f.d.ts} +14 -1
  97. package/libs/index.cjs +38 -36
  98. package/libs/index.cjs.map +1 -1
  99. package/libs/index.css +1 -0
  100. package/libs/index.css.map +1 -0
  101. package/libs/index.d.cts +3 -32
  102. package/libs/index.d.ts +3 -32
  103. package/libs/index.js +13 -14
  104. package/libs/index.js.map +1 -1
  105. package/package.json +2 -2
  106. package/src/components/dialog/README.mdx +87 -2
  107. package/src/components/dialog/STYLES.mdx +119 -12
  108. package/src/components/dialog/dialog-modal.stories.tsx +107 -2
  109. package/src/components/dialog/dialog-modal.tsx +6 -0
  110. package/src/components/dialog/dialog.scss +89 -2
  111. package/src/components/dialog/dialog.stories.tsx +30 -3
  112. package/src/components/dialog/dialog.test.tsx +96 -0
  113. package/src/components/dialog/dialog.tsx +7 -1
  114. package/src/components/dialog/dialog.types.ts +25 -0
  115. package/src/components/dialog/views/dialog-header.tsx +10 -8
  116. package/src/index.ts +6 -2
  117. package/src/styles/dialog/dialog.css +88 -2
  118. package/src/styles/dialog/dialog.css.map +1 -1
  119. package/src/styles/index.css +87 -2
  120. package/src/styles/index.css.map +1 -1
  121. package/libs/chunk-VQTCTLFN.js +0 -11
  122. package/libs/chunk-VQTCTLFN.js.map +0 -1
  123. package/libs/chunk-ZOPHCNFD.cjs +0 -18
  124. package/libs/chunk-ZOPHCNFD.cjs.map +0 -1
@@ -0,0 +1,11 @@
1
+ import { b } from './chunk-AQAI6COH.js';
2
+ import { b as b$1 } from './chunk-4F6SI5V5.js';
3
+ import { a, b as b$2 } from './chunk-34NWHFHP.js';
4
+ import { a as a$1 } from './chunk-4KJP3L35.js';
5
+ import s, { useCallback, useRef, useId, useEffect } from 'react';
6
+
7
+ var f=({icon:e,label:o,variant:i="icon",type:t="button",...a$1})=>s.createElement(a,{variant:i,"data-icon-btn":o?"has-label":"icon",...a$1,type:t},e,o&&s.createElement("span",{"data-icon-label":!0},o));f.displayName="IconButton";var B=({dialogTitle:e,onClick:o,id:i,type:t="h3",closeIconSize:a=24})=>{let r=useCallback(()=>{o();},[o]);return s.createElement(a$1,{as:"div",classes:"dialog-header"},s.createElement(b,{type:t,className:"dialog-title",id:i},e||"Dialog"),s.createElement(f,{type:"button",onClick:r,className:"dialog-close","aria-label":"Close dialog",icon:s.createElement(b$1,null,s.createElement(b$1.Remove,{size:a}))}))},H=s.memo(B);B.displayName="DialogHeader";var P=({onClose:e,onConfirm:o,confirmLabel:i,cancelLabel:t})=>{let a=useCallback(()=>{e();},[e]),r=useCallback(()=>{o&&o();},[o]);return s.createElement(a$1,{as:"section",className:"dialog-footer"},t&&s.createElement(b$2,{type:"button",onClick:a,className:"dialog-button button-secondary","data-btn":"sm"},t),o&&s.createElement(b$2,{type:"button",onClick:r,className:"dialog-button button-primary","data-btn":"sm"},i))};P.displayName="DialogFooter";var v=s.memo(P);var F=(e,o)=>useCallback(t=>{let a=e.current?.getBoundingClientRect();a&&(t.clientY<a.top||t.clientY>a.bottom||t.clientX<a.left||t.clientX>a.right)&&o();},[e,o]);var x=({isOpen:e,onOpenChange:o,isAlertDialog:i=!1,onClose:t,dialogTitle:a,dialogLabel:r,children:U,onConfirm:E,confirmLabel:M="Confirm",cancelLabel:T="Cancel",className:W="",hideFooter:O=!1,styles:j,size:b,position:y="center",closeIconSize:w})=>{let p=useRef(null),C=useId();useEffect(()=>{let n=p.current;n&&(e?i?n.show():n.showModal():n.close());},[e,i]);let d=useCallback(()=>{o(!1),t&&t();},[o,t]),z=F(p,d),D=useId();return s.createElement(a$1,{as:"dialog",role:i?"alertdialog":"dialog",ref:p,onClose:d,onClick:z,"aria-modal":e&&!i?"true":void 0,"aria-labelledby":C,"aria-describedby":D,"aria-label":r,className:`dialog-modal ${W}`.trim(),style:j,...b&&{"data-size":b},...y&&{"data-position":y}},s.createElement(H,{dialogTitle:a,onClick:d,id:C,closeIconSize:w}),s.createElement(a$1,{as:"section",id:D,className:"dialog-content",onClick:n=>n.stopPropagation()},U,!O&&s.createElement(v,{onClose:d,onConfirm:E,confirmLabel:M,cancelLabel:T})))};x.displayName="Dialog";var uo=s.memo(x);
8
+
9
+ export { f as a, x as b, uo as c };
10
+ //# sourceMappingURL=out.js.map
11
+ //# sourceMappingURL=chunk-EARHB4PD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/dialog/dialog.tsx","../src/components/dialog/views/dialog-header.tsx","../src/components/buttons/icon-button.tsx","../src/components/dialog/views/dialog-footer.tsx","../src/hooks/useDialogClickHandler.ts"],"names":["React","useRef","useEffect","useCallback","useId","IconButton","icon","label","variant","type","props","Button","DialogHeader","dialogTitle","onClick","id","closeIconSize","handleClose","ui_default","heading_default","icon_default","dialog_header_default","DialogFooter","onClose","onConfirm","confirmLabel","cancelLabel","handleCancel","handleConfirm","button_default","dialog_footer_default","useDialogClickHandler","dialogRef","e","dialogDimensions","Dialog","isOpen","onOpenChange","isAlertDialog","dialogLabel","children","className","hideFooter","styles","size","position","titleId","dialog","handleClickOutside","contentId","dialog_default"],"mappings":"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","sourcesContent":["import React, { useRef, useEffect, useCallback, useId } from \"react\";\nimport UI from \"#components/ui\";\nimport DialogHeader from \"#components/dialog/views/dialog-header\";\nimport DialogFooter from \"#components/dialog/views/dialog-footer\";\nimport { useDialogClickHandler } from \"#hooks/useDialogClickHandler.js\";\nimport type { DialogProps } from \"./dialog.types\";\n\n/**\n * A controlled dialog component that supports both modal and non-modal (inline alert) modes.\n *\n * **Modal Dialog** (default): Uses native `<dialog>` element with `.showModal()` which provides:\n * - Automatic focus trap (Tab cycles within dialog)\n * - Escape key closes dialog (native behavior)\n * - Backdrop overlay with click-to-close\n * - Inert background (page content becomes non-interactive)\n *\n * **Inline Alert Dialog** (`isAlertDialog={true}`): Uses `.show()` for non-modal inline alerts:\n * - No focus trap (page remains interactive)\n * - No escape key behavior\n * - Positioned inline in page flow\n * - User must explicitly close with button\n *\n * @component\n * @example\n * ```tsx\n * // Controlled usage\n * const [open, setOpen] = useState(false);\n * <Dialog\n * isOpen={open}\n * onOpenChange={setOpen}\n * dialogTitle=\"Confirm Delete\"\n * >\n * Are you sure you want to delete this item?\n * </Dialog>\n * ```\n *\n * @param {DialogProps} props - Component props\n * @param {boolean} props.isOpen - Controls whether the dialog is currently open\n * @param {(open: boolean) => void} props.onOpenChange - Callback fired when dialog open state changes\n * @param {string} props.dialogTitle - The title displayed in the dialog header\n * @param {boolean} [props.isAlertDialog=false] - If true, renders as non-modal inline alert\n * @param {() => void} [props.onClose] - Deprecated: Use onOpenChange. Called when dialog closes.\n * @param {ReactNode} props.children - Content to display inside the dialog body\n * @param {() => void | Promise<void>} [props.onConfirm] - Callback fired when confirm button is clicked\n * @param {string} [props.confirmLabel=\"Confirm\"] - Text label for confirm button\n * @param {string} [props.cancelLabel=\"Cancel\"] - Text label for cancel button\n * @param {boolean} [props.hideFooter=false] - If true, hides the footer with action buttons\n * @param {string} [props.className] - Additional CSS classes to apply\n * @param {string} [props.dialogLabel] - Optional aria-label for the dialog\n * @param {CSSProperties} [props.styles] - Inline styles to apply to dialog element\n * @param {number} [props.closeIconSize=24] - Size of the close icon in pixels\n * @returns {JSX.Element} A controlled dialog component\n */\nexport const Dialog: React.FC<DialogProps> = ({\n isOpen,\n onOpenChange,\n isAlertDialog = false,\n onClose,\n dialogTitle,\n dialogLabel,\n children,\n onConfirm,\n confirmLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n className = \"\",\n hideFooter = false,\n styles,\n size,\n position = \"center\",\n closeIconSize,\n}) => {\n const dialogRef = useRef<HTMLDialogElement>(null);\n const titleId = useId();\n\n // Handle native dialog open/close based on isOpen prop\n useEffect(() => {\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n if (isOpen) {\n if (isAlertDialog) {\n // Non-modal inline alert - no focus trap, no backdrop\n dialog.show();\n } else {\n // Modal dialog - native focus trap, escape key, backdrop\n dialog.showModal();\n }\n } else {\n dialog.close();\n }\n }, [isOpen, isAlertDialog]);\n\n // Handle close event - notify parent via onOpenChange\n const handleClose = useCallback(() => {\n onOpenChange(false);\n // Support deprecated onClose prop for backward compatibility\n if (onClose) onClose();\n }, [onOpenChange, onClose]);\n\n // Handle backdrop clicks (only for modal dialogs)\n const handleClickOutside = useDialogClickHandler(dialogRef, handleClose);\n\n const contentId = useId();\n\n return (\n <UI\n as=\"dialog\"\n role={isAlertDialog ? \"alertdialog\" : \"dialog\"}\n ref={dialogRef}\n onClose={handleClose}\n onClick={handleClickOutside}\n aria-modal={isOpen && !isAlertDialog ? \"true\" : undefined}\n aria-labelledby={titleId}\n aria-describedby={contentId}\n aria-label={dialogLabel}\n className={`dialog-modal ${className}`.trim()}\n style={styles}\n {...(size && { \"data-size\": size })}\n {...(position && { \"data-position\": position })}\n >\n <DialogHeader dialogTitle={dialogTitle} onClick={handleClose} id={titleId} closeIconSize={closeIconSize} />\n\n <UI\n as=\"section\"\n id={contentId}\n className=\"dialog-content\"\n onClick={(e: React.MouseEvent) => e.stopPropagation()}\n >\n {children}\n {!hideFooter && (\n <DialogFooter\n onClose={handleClose}\n onConfirm={onConfirm}\n confirmLabel={confirmLabel}\n cancelLabel={cancelLabel}\n />\n )}\n </UI>\n </UI>\n );\n};\nDialog.displayName = \"Dialog\";\n\nexport default React.memo(Dialog);\n","import React, { useCallback } from \"react\";\nimport UI from \"#components/ui\";\nimport Heading from \"#components/heading/heading\";\nimport { IconButton } from \"#components/buttons/icon-button\";\nimport Icon from \"#components/icons/icon\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\n/**\n * DialogHeader component displays the header section of a dialog with a title and close button.\n *\n * This component is optimized for accessibility with:\n * - Unique ID for `aria-labelledby` linking to parent dialog\n * - Semantic heading structure for screen readers\n * - Clear close button with accessible label\n * - Memoized to prevent unnecessary re-renders\n *\n * @component\n * @param {DialogHeaderProps} props - Component props\n * @param {string} props.dialogTitle - The title text to display in the dialog header\n * @param {() => void} props.onClick - Callback function triggered when close button is clicked\n * @param {string} [props.id] - Optional ID for aria-labelledby linking. Auto-generated if not provided.\n * @param {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} [props.type=\"h3\"] - Heading level for semantic structure\n * @param {number} [props.closeIconSize=24] - Size of the close icon in pixels\n * @returns {JSX.Element} A dialog header with title and close button\n *\n * @example\n * ```tsx\n * <DialogHeader\n * id=\"dialog-title-1\"\n * dialogTitle=\"Confirm Action\"\n * onClick={() => setIsOpen(false)}\n * type=\"h2\"\n * />\n * ```\n */\nconst DialogHeader: React.FC<DialogHeaderProps> = ({\n dialogTitle,\n onClick,\n id,\n type = \"h3\",\n closeIconSize = 24,\n}) => {\n const handleClose = useCallback(() => {\n onClick();\n }, [onClick]);\n\n return (\n <UI as=\"div\" classes=\"dialog-header\">\n <Heading type={type} className=\"dialog-title\" id={id}>\n {dialogTitle || \"Dialog\"}\n </Heading>\n <IconButton\n type=\"button\"\n onClick={handleClose}\n className=\"dialog-close\"\n aria-label=\"Close dialog\"\n icon={\n <Icon>\n <Icon.Remove size={closeIconSize} />\n </Icon>\n }\n />\n </UI>\n );\n};\n\nexport default React.memo(DialogHeader);\nDialogHeader.displayName = \"DialogHeader\";\n","import React from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/**\n * XOR constraint: exactly one of aria-label or aria-labelledby is required.\n * Passing both or neither is a TypeScript compile-time error.\n * Satisfies WCAG 2.1 SC 1.1.1 (Non-text Content).\n */\ntype WithAriaLabel = { \"aria-label\": string; \"aria-labelledby\"?: never };\ntype WithAriaLabelledBy = { \"aria-labelledby\": string; \"aria-label\"?: never };\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> &\n (WithAriaLabel | WithAriaLabelledBy) & {\n /** The icon element rendered inside the button. */\n icon: React.ReactNode;\n /**\n * Optional text shown alongside the icon at desktop widths.\n * Visually hidden below the `$icon-label-bp` SCSS breakpoint (default 48rem / 768px)\n * via a media query on `[data-icon-label]`, but always present in the accessibility\n * tree — screen readers announce it at every viewport size.\n *\n * NOTE: When `label` is provided, the default `variant=\"icon\"` removes padding.\n * Use `variant=\"outline\"` (or another padded variant) to restore layout padding\n * alongside the label.\n */\n label?: string;\n /** Button type: button, submit, or reset. Required. */\n type: \"button\" | \"submit\" | \"reset\";\n };\n\n/**\n * Accessible icon button component. Wraps `Button` with:\n * - Required accessible label via `aria-label` or `aria-labelledby` (XOR enforced)\n * - Optional `label` text hidden on mobile (< 48rem), visible on desktop — always in a11y tree\n * - `variant=\"icon\"` default (square, no padding)\n * - Fixed `3rem × 3rem` tap target (48px at default root font size — WCAG 2.5.5 AAA)\n *\n * @example\n * // Icon only\n * <IconButton type=\"button\" aria-label=\"Close menu\" icon={<CloseIcon />} />\n *\n * @example\n * // Icon + label (label hides on mobile, visible at >= 48rem / 768px)\n * <IconButton\n * type=\"button\"\n * aria-label=\"Settings\"\n * icon={<SettingsIcon />}\n * label=\"Settings\"\n * variant=\"outline\"\n * />\n *\n * @example\n * // Labelled by external element\n * <span id=\"btn-label\">Delete item</span>\n * <IconButton type=\"button\" aria-labelledby=\"btn-label\" icon={<TrashIcon />} />\n */\nexport const IconButton = ({\n icon,\n label,\n variant = \"icon\",\n type = \"button\",\n ...props\n}: IconButtonProps) => (\n <Button\n variant={variant}\n data-icon-btn={label ? \"has-label\" : \"icon\"}\n {...props}\n type={type}\n >\n {icon}\n {label && <span data-icon-label>{label}</span>}\n </Button>\n);\n\nIconButton.displayName = \"IconButton\";\n","import React, { useCallback } from \"react\";\nimport UI from \"#components/ui\";\nimport Button from \"#components/buttons/button\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\n/**\n * DialogFooter component renders action buttons for dialog confirmation/cancellation.\n *\n * This component provides a consistent footer layout with:\n * - Cancel button (secondary style) - Always shown if cancelLabel provided\n * - Confirm button (primary style) - Only shown if onConfirm callback provided\n * - Proper semantic button types\n * - Accessible button sizing and spacing\n * - Memoized to prevent unnecessary re-renders\n *\n * @component\n * @param {DialogFooterProps} props - Component props\n * @param {() => void} props.onClose - Callback fired when cancel button is clicked\n * @param {() => void | Promise<void>} [props.onConfirm] - Optional callback for confirm action. If omitted, confirm button is hidden.\n * @param {string} props.confirmLabel - Text label for the confirm button\n * @param {string} props.cancelLabel - Text label for the cancel button\n * @returns {JSX.Element} A footer section with action buttons\n *\n * @example\n * ```tsx\n * // Simple close-only footer\n * <DialogFooter\n * onClose={() => setOpen(false)}\n * cancelLabel=\"Close\"\n * confirmLabel=\"OK\"\n * />\n *\n * // Confirmation dialog with both actions\n * <DialogFooter\n * onClose={() => setOpen(false)}\n * onConfirm={async () => await deleteItem()}\n * confirmLabel=\"Delete\"\n * cancelLabel=\"Cancel\"\n * />\n * ```\n */\nconst DialogFooter: React.FC<DialogFooterProps> = ({\n onClose,\n onConfirm,\n confirmLabel,\n cancelLabel,\n}) => {\n // Memoize handlers to prevent unnecessary re-renders\n const handleCancel = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const handleConfirm = useCallback(() => {\n if (onConfirm) {\n onConfirm();\n }\n }, [onConfirm]);\n\n return (\n <UI as=\"section\" className=\"dialog-footer\">\n {cancelLabel && (\n <Button\n type=\"button\"\n onClick={handleCancel}\n className=\"dialog-button button-secondary\"\n data-btn=\"sm\"\n >\n {cancelLabel}\n </Button>\n )}\n\n {onConfirm && (\n <Button\n type=\"button\"\n onClick={handleConfirm}\n className=\"dialog-button button-primary\"\n data-btn=\"sm\"\n >\n {confirmLabel}\n </Button>\n )}\n </UI>\n );\n};\n\nDialogFooter.displayName = \"DialogFooter\";\n\nexport default React.memo(DialogFooter);\n","import { useCallback, RefObject } from \"react\";\n\nexport const useDialogClickHandler = (\n dialogRef: RefObject<HTMLDialogElement>,\n handleClose: () => void\n) => {\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDialogElement>) => {\n const dialogDimensions = dialogRef.current?.getBoundingClientRect();\n if (dialogDimensions) {\n const isClickOutside =\n e.clientY < dialogDimensions.top ||\n e.clientY > dialogDimensions.bottom ||\n e.clientX < dialogDimensions.left ||\n e.clientX > dialogDimensions.right;\n\n if (isClickOutside) {\n handleClose();\n }\n }\n },\n [dialogRef, handleClose]\n );\n\n return handleClick;\n};\n"]}
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ var chunk6WMLG4O5_cjs = require('./chunk-6WMLG4O5.cjs');
4
+ var chunkOZM455LO_cjs = require('./chunk-OZM455LO.cjs');
5
+ var chunk25KCUE3R_cjs = require('./chunk-25KCUE3R.cjs');
6
+ var chunk66C2J4IX_cjs = require('./chunk-66C2J4IX.cjs');
7
+ var s = require('react');
8
+
9
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
+
11
+ var s__default = /*#__PURE__*/_interopDefault(s);
12
+
13
+ var f=({icon:e,label:o,variant:i="icon",type:t="button",...a})=>s__default.default.createElement(chunk25KCUE3R_cjs.a,{variant:i,"data-icon-btn":o?"has-label":"icon",...a,type:t},e,o&&s__default.default.createElement("span",{"data-icon-label":!0},o));f.displayName="IconButton";var B=({dialogTitle:e,onClick:o,id:i,type:t="h3",closeIconSize:a=24})=>{let r=s.useCallback(()=>{o();},[o]);return s__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",classes:"dialog-header"},s__default.default.createElement(chunk6WMLG4O5_cjs.b,{type:t,className:"dialog-title",id:i},e||"Dialog"),s__default.default.createElement(f,{type:"button",onClick:r,className:"dialog-close","aria-label":"Close dialog",icon:s__default.default.createElement(chunkOZM455LO_cjs.b,null,s__default.default.createElement(chunkOZM455LO_cjs.b.Remove,{size:a}))}))},H=s__default.default.memo(B);B.displayName="DialogHeader";var P=({onClose:e,onConfirm:o,confirmLabel:i,cancelLabel:t})=>{let a=s.useCallback(()=>{e();},[e]),r=s.useCallback(()=>{o&&o();},[o]);return s__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section",className:"dialog-footer"},t&&s__default.default.createElement(chunk25KCUE3R_cjs.b,{type:"button",onClick:a,className:"dialog-button button-secondary","data-btn":"sm"},t),o&&s__default.default.createElement(chunk25KCUE3R_cjs.b,{type:"button",onClick:r,className:"dialog-button button-primary","data-btn":"sm"},i))};P.displayName="DialogFooter";var v=s__default.default.memo(P);var F=(e,o)=>s.useCallback(t=>{let a=e.current?.getBoundingClientRect();a&&(t.clientY<a.top||t.clientY>a.bottom||t.clientX<a.left||t.clientX>a.right)&&o();},[e,o]);var x=({isOpen:e,onOpenChange:o,isAlertDialog:i=!1,onClose:t,dialogTitle:a,dialogLabel:r,children:U,onConfirm:E,confirmLabel:M="Confirm",cancelLabel:T="Cancel",className:W="",hideFooter:O=!1,styles:j,size:b,position:y="center",closeIconSize:w})=>{let p=s.useRef(null),C=s.useId();s.useEffect(()=>{let n=p.current;n&&(e?i?n.show():n.showModal():n.close());},[e,i]);let d=s.useCallback(()=>{o(!1),t&&t();},[o,t]),z=F(p,d),D=s.useId();return s__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"dialog",role:i?"alertdialog":"dialog",ref:p,onClose:d,onClick:z,"aria-modal":e&&!i?"true":void 0,"aria-labelledby":C,"aria-describedby":D,"aria-label":r,className:`dialog-modal ${W}`.trim(),style:j,...b&&{"data-size":b},...y&&{"data-position":y}},s__default.default.createElement(H,{dialogTitle:a,onClick:d,id:C,closeIconSize:w}),s__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section",id:D,className:"dialog-content",onClick:n=>n.stopPropagation()},U,!O&&s__default.default.createElement(v,{onClose:d,onConfirm:E,confirmLabel:M,cancelLabel:T})))};x.displayName="Dialog";var uo=s__default.default.memo(x);
14
+
15
+ exports.a = f;
16
+ exports.b = x;
17
+ exports.c = uo;
18
+ //# sourceMappingURL=out.js.map
19
+ //# sourceMappingURL=chunk-PSIXTYFY.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/dialog/dialog.tsx","../src/components/dialog/views/dialog-header.tsx","../src/components/buttons/icon-button.tsx","../src/components/dialog/views/dialog-footer.tsx","../src/hooks/useDialogClickHandler.ts"],"names":["React","useRef","useEffect","useCallback","useId","IconButton","icon","label","variant","type","props","Button","DialogHeader","dialogTitle","onClick","id","closeIconSize","handleClose","ui_default","heading_default","icon_default","dialog_header_default","DialogFooter","onClose","onConfirm","confirmLabel","cancelLabel","handleCancel","handleConfirm","button_default","dialog_footer_default","useDialogClickHandler","dialogRef","e","dialogDimensions","Dialog","isOpen","onOpenChange","isAlertDialog","dialogLabel","children","className","hideFooter","styles","size","position","titleId","dialog","handleClickOutside","contentId","dialog_default"],"mappings":"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","sourcesContent":["import React, { useRef, useEffect, useCallback, useId } from \"react\";\nimport UI from \"#components/ui\";\nimport DialogHeader from \"#components/dialog/views/dialog-header\";\nimport DialogFooter from \"#components/dialog/views/dialog-footer\";\nimport { useDialogClickHandler } from \"#hooks/useDialogClickHandler.js\";\nimport type { DialogProps } from \"./dialog.types\";\n\n/**\n * A controlled dialog component that supports both modal and non-modal (inline alert) modes.\n *\n * **Modal Dialog** (default): Uses native `<dialog>` element with `.showModal()` which provides:\n * - Automatic focus trap (Tab cycles within dialog)\n * - Escape key closes dialog (native behavior)\n * - Backdrop overlay with click-to-close\n * - Inert background (page content becomes non-interactive)\n *\n * **Inline Alert Dialog** (`isAlertDialog={true}`): Uses `.show()` for non-modal inline alerts:\n * - No focus trap (page remains interactive)\n * - No escape key behavior\n * - Positioned inline in page flow\n * - User must explicitly close with button\n *\n * @component\n * @example\n * ```tsx\n * // Controlled usage\n * const [open, setOpen] = useState(false);\n * <Dialog\n * isOpen={open}\n * onOpenChange={setOpen}\n * dialogTitle=\"Confirm Delete\"\n * >\n * Are you sure you want to delete this item?\n * </Dialog>\n * ```\n *\n * @param {DialogProps} props - Component props\n * @param {boolean} props.isOpen - Controls whether the dialog is currently open\n * @param {(open: boolean) => void} props.onOpenChange - Callback fired when dialog open state changes\n * @param {string} props.dialogTitle - The title displayed in the dialog header\n * @param {boolean} [props.isAlertDialog=false] - If true, renders as non-modal inline alert\n * @param {() => void} [props.onClose] - Deprecated: Use onOpenChange. Called when dialog closes.\n * @param {ReactNode} props.children - Content to display inside the dialog body\n * @param {() => void | Promise<void>} [props.onConfirm] - Callback fired when confirm button is clicked\n * @param {string} [props.confirmLabel=\"Confirm\"] - Text label for confirm button\n * @param {string} [props.cancelLabel=\"Cancel\"] - Text label for cancel button\n * @param {boolean} [props.hideFooter=false] - If true, hides the footer with action buttons\n * @param {string} [props.className] - Additional CSS classes to apply\n * @param {string} [props.dialogLabel] - Optional aria-label for the dialog\n * @param {CSSProperties} [props.styles] - Inline styles to apply to dialog element\n * @param {number} [props.closeIconSize=24] - Size of the close icon in pixels\n * @returns {JSX.Element} A controlled dialog component\n */\nexport const Dialog: React.FC<DialogProps> = ({\n isOpen,\n onOpenChange,\n isAlertDialog = false,\n onClose,\n dialogTitle,\n dialogLabel,\n children,\n onConfirm,\n confirmLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n className = \"\",\n hideFooter = false,\n styles,\n size,\n position = \"center\",\n closeIconSize,\n}) => {\n const dialogRef = useRef<HTMLDialogElement>(null);\n const titleId = useId();\n\n // Handle native dialog open/close based on isOpen prop\n useEffect(() => {\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n if (isOpen) {\n if (isAlertDialog) {\n // Non-modal inline alert - no focus trap, no backdrop\n dialog.show();\n } else {\n // Modal dialog - native focus trap, escape key, backdrop\n dialog.showModal();\n }\n } else {\n dialog.close();\n }\n }, [isOpen, isAlertDialog]);\n\n // Handle close event - notify parent via onOpenChange\n const handleClose = useCallback(() => {\n onOpenChange(false);\n // Support deprecated onClose prop for backward compatibility\n if (onClose) onClose();\n }, [onOpenChange, onClose]);\n\n // Handle backdrop clicks (only for modal dialogs)\n const handleClickOutside = useDialogClickHandler(dialogRef, handleClose);\n\n const contentId = useId();\n\n return (\n <UI\n as=\"dialog\"\n role={isAlertDialog ? \"alertdialog\" : \"dialog\"}\n ref={dialogRef}\n onClose={handleClose}\n onClick={handleClickOutside}\n aria-modal={isOpen && !isAlertDialog ? \"true\" : undefined}\n aria-labelledby={titleId}\n aria-describedby={contentId}\n aria-label={dialogLabel}\n className={`dialog-modal ${className}`.trim()}\n style={styles}\n {...(size && { \"data-size\": size })}\n {...(position && { \"data-position\": position })}\n >\n <DialogHeader dialogTitle={dialogTitle} onClick={handleClose} id={titleId} closeIconSize={closeIconSize} />\n\n <UI\n as=\"section\"\n id={contentId}\n className=\"dialog-content\"\n onClick={(e: React.MouseEvent) => e.stopPropagation()}\n >\n {children}\n {!hideFooter && (\n <DialogFooter\n onClose={handleClose}\n onConfirm={onConfirm}\n confirmLabel={confirmLabel}\n cancelLabel={cancelLabel}\n />\n )}\n </UI>\n </UI>\n );\n};\nDialog.displayName = \"Dialog\";\n\nexport default React.memo(Dialog);\n","import React, { useCallback } from \"react\";\nimport UI from \"#components/ui\";\nimport Heading from \"#components/heading/heading\";\nimport { IconButton } from \"#components/buttons/icon-button\";\nimport Icon from \"#components/icons/icon\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\n/**\n * DialogHeader component displays the header section of a dialog with a title and close button.\n *\n * This component is optimized for accessibility with:\n * - Unique ID for `aria-labelledby` linking to parent dialog\n * - Semantic heading structure for screen readers\n * - Clear close button with accessible label\n * - Memoized to prevent unnecessary re-renders\n *\n * @component\n * @param {DialogHeaderProps} props - Component props\n * @param {string} props.dialogTitle - The title text to display in the dialog header\n * @param {() => void} props.onClick - Callback function triggered when close button is clicked\n * @param {string} [props.id] - Optional ID for aria-labelledby linking. Auto-generated if not provided.\n * @param {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} [props.type=\"h3\"] - Heading level for semantic structure\n * @param {number} [props.closeIconSize=24] - Size of the close icon in pixels\n * @returns {JSX.Element} A dialog header with title and close button\n *\n * @example\n * ```tsx\n * <DialogHeader\n * id=\"dialog-title-1\"\n * dialogTitle=\"Confirm Action\"\n * onClick={() => setIsOpen(false)}\n * type=\"h2\"\n * />\n * ```\n */\nconst DialogHeader: React.FC<DialogHeaderProps> = ({\n dialogTitle,\n onClick,\n id,\n type = \"h3\",\n closeIconSize = 24,\n}) => {\n const handleClose = useCallback(() => {\n onClick();\n }, [onClick]);\n\n return (\n <UI as=\"div\" classes=\"dialog-header\">\n <Heading type={type} className=\"dialog-title\" id={id}>\n {dialogTitle || \"Dialog\"}\n </Heading>\n <IconButton\n type=\"button\"\n onClick={handleClose}\n className=\"dialog-close\"\n aria-label=\"Close dialog\"\n icon={\n <Icon>\n <Icon.Remove size={closeIconSize} />\n </Icon>\n }\n />\n </UI>\n );\n};\n\nexport default React.memo(DialogHeader);\nDialogHeader.displayName = \"DialogHeader\";\n","import React from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/**\n * XOR constraint: exactly one of aria-label or aria-labelledby is required.\n * Passing both or neither is a TypeScript compile-time error.\n * Satisfies WCAG 2.1 SC 1.1.1 (Non-text Content).\n */\ntype WithAriaLabel = { \"aria-label\": string; \"aria-labelledby\"?: never };\ntype WithAriaLabelledBy = { \"aria-labelledby\": string; \"aria-label\"?: never };\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> &\n (WithAriaLabel | WithAriaLabelledBy) & {\n /** The icon element rendered inside the button. */\n icon: React.ReactNode;\n /**\n * Optional text shown alongside the icon at desktop widths.\n * Visually hidden below the `$icon-label-bp` SCSS breakpoint (default 48rem / 768px)\n * via a media query on `[data-icon-label]`, but always present in the accessibility\n * tree — screen readers announce it at every viewport size.\n *\n * NOTE: When `label` is provided, the default `variant=\"icon\"` removes padding.\n * Use `variant=\"outline\"` (or another padded variant) to restore layout padding\n * alongside the label.\n */\n label?: string;\n /** Button type: button, submit, or reset. Required. */\n type: \"button\" | \"submit\" | \"reset\";\n };\n\n/**\n * Accessible icon button component. Wraps `Button` with:\n * - Required accessible label via `aria-label` or `aria-labelledby` (XOR enforced)\n * - Optional `label` text hidden on mobile (< 48rem), visible on desktop — always in a11y tree\n * - `variant=\"icon\"` default (square, no padding)\n * - Fixed `3rem × 3rem` tap target (48px at default root font size — WCAG 2.5.5 AAA)\n *\n * @example\n * // Icon only\n * <IconButton type=\"button\" aria-label=\"Close menu\" icon={<CloseIcon />} />\n *\n * @example\n * // Icon + label (label hides on mobile, visible at >= 48rem / 768px)\n * <IconButton\n * type=\"button\"\n * aria-label=\"Settings\"\n * icon={<SettingsIcon />}\n * label=\"Settings\"\n * variant=\"outline\"\n * />\n *\n * @example\n * // Labelled by external element\n * <span id=\"btn-label\">Delete item</span>\n * <IconButton type=\"button\" aria-labelledby=\"btn-label\" icon={<TrashIcon />} />\n */\nexport const IconButton = ({\n icon,\n label,\n variant = \"icon\",\n type = \"button\",\n ...props\n}: IconButtonProps) => (\n <Button\n variant={variant}\n data-icon-btn={label ? \"has-label\" : \"icon\"}\n {...props}\n type={type}\n >\n {icon}\n {label && <span data-icon-label>{label}</span>}\n </Button>\n);\n\nIconButton.displayName = \"IconButton\";\n","import React, { useCallback } from \"react\";\nimport UI from \"#components/ui\";\nimport Button from \"#components/buttons/button\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\n/**\n * DialogFooter component renders action buttons for dialog confirmation/cancellation.\n *\n * This component provides a consistent footer layout with:\n * - Cancel button (secondary style) - Always shown if cancelLabel provided\n * - Confirm button (primary style) - Only shown if onConfirm callback provided\n * - Proper semantic button types\n * - Accessible button sizing and spacing\n * - Memoized to prevent unnecessary re-renders\n *\n * @component\n * @param {DialogFooterProps} props - Component props\n * @param {() => void} props.onClose - Callback fired when cancel button is clicked\n * @param {() => void | Promise<void>} [props.onConfirm] - Optional callback for confirm action. If omitted, confirm button is hidden.\n * @param {string} props.confirmLabel - Text label for the confirm button\n * @param {string} props.cancelLabel - Text label for the cancel button\n * @returns {JSX.Element} A footer section with action buttons\n *\n * @example\n * ```tsx\n * // Simple close-only footer\n * <DialogFooter\n * onClose={() => setOpen(false)}\n * cancelLabel=\"Close\"\n * confirmLabel=\"OK\"\n * />\n *\n * // Confirmation dialog with both actions\n * <DialogFooter\n * onClose={() => setOpen(false)}\n * onConfirm={async () => await deleteItem()}\n * confirmLabel=\"Delete\"\n * cancelLabel=\"Cancel\"\n * />\n * ```\n */\nconst DialogFooter: React.FC<DialogFooterProps> = ({\n onClose,\n onConfirm,\n confirmLabel,\n cancelLabel,\n}) => {\n // Memoize handlers to prevent unnecessary re-renders\n const handleCancel = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const handleConfirm = useCallback(() => {\n if (onConfirm) {\n onConfirm();\n }\n }, [onConfirm]);\n\n return (\n <UI as=\"section\" className=\"dialog-footer\">\n {cancelLabel && (\n <Button\n type=\"button\"\n onClick={handleCancel}\n className=\"dialog-button button-secondary\"\n data-btn=\"sm\"\n >\n {cancelLabel}\n </Button>\n )}\n\n {onConfirm && (\n <Button\n type=\"button\"\n onClick={handleConfirm}\n className=\"dialog-button button-primary\"\n data-btn=\"sm\"\n >\n {confirmLabel}\n </Button>\n )}\n </UI>\n );\n};\n\nDialogFooter.displayName = \"DialogFooter\";\n\nexport default React.memo(DialogFooter);\n","import { useCallback, RefObject } from \"react\";\n\nexport const useDialogClickHandler = (\n dialogRef: RefObject<HTMLDialogElement>,\n handleClose: () => void\n) => {\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDialogElement>) => {\n const dialogDimensions = dialogRef.current?.getBoundingClientRect();\n if (dialogDimensions) {\n const isClickOutside =\n e.clientY < dialogDimensions.top ||\n e.clientY > dialogDimensions.bottom ||\n e.clientX < dialogDimensions.left ||\n e.clientX > dialogDimensions.right;\n\n if (isClickOutside) {\n handleClose();\n }\n }\n },\n [dialogRef, handleClose]\n );\n\n return handleClick;\n};\n"]}
@@ -0,0 +1 @@
1
+ [role=alert]{--alert-success-bg: var(--color-success-bg);--alert-success-border: var(--color-success-border);--alert-success-text: var(--color-success-text);--alert-error-bg: var(--color-error-bg);--alert-error-border: var(--color-error-border);--alert-error-text: var(--color-error-text);--alert-warning-bg: var(--color-warning-bg);--alert-warning-border: var(--color-warning-border);--alert-warning-text: var(--color-warning-text);--alert-info-bg: var(--color-info-bg);--alert-info-border: var(--color-info-border);--alert-info-text: var(--color-info-text);--alert-transition-duration: 0.3s;--alert-border: thin solid currentColor;background-color:var(--alert-bg, var(--color-surface));border:var(--alert-border, var(--color-border));color:var(--alert-color, var(--color-text));padding:var(--alert-padding, var(--spc-4));margin-block-end:var(--alert-margin-block-end);font-size:var(--fs-0);line-height:1.6;display:flex;flex-direction:row;border-radius:var(--alert-radius, var(--border-radius));gap:var(--alert-gap, var(--spc-4));transition:opacity var(--alert-transition-duration) ease,transform var(--alert-transition-duration) ease;opacity:1;transform:translateY(0)}[role=alert]:not([data-visible=true]){opacity:0;transform:translateY(-0.5rem)}@media(prefers-reduced-motion: reduce){[role=alert]{transition-duration:.01ms}}[role=alert]:focus{outline:2px solid currentColor;outline-offset:2px}[role=alert]:focus:not(:focus-visible){outline:none}[role=alert] .alert-icon{margin-block-start:0;align-items:center}[role=alert] .alert-message{flex:2;margin-block-start:0}[role=alert] .alert-message .alert-title{margin-block-end:var(--spc-1, 0.25rem);margin-block-start:0;font-weight:var(--alert-title-fw, 600);font-size:var(--alert-title-fs, inherit);line-height:1.4}[role=alert] .alert-message h2.alert-title,[role=alert] .alert-message h3.alert-title,[role=alert] .alert-message h4.alert-title,[role=alert] .alert-message h5.alert-title,[role=alert] .alert-message h6.alert-title{margin:0;margin-block-end:var(--spc-1, 0.25rem);font-size:inherit;font-weight:var(--alert-title-fw, 600)}[role=alert][data-alert~=info]{--alert-bg: var(--alert-info-bg);--alert-color: var(--alert-info-text);border-color:var(--alert-info-border)}[role=alert][data-alert~=warning]{--alert-bg: var(--alert-warning-bg);--alert-color: var(--alert-warning-text);border-color:var(--alert-warning-border)}[role=alert][data-alert~=error]{--alert-bg: var(--alert-error-bg);--alert-color: var(--alert-error-text);border-color:var(--alert-error-border)}[role=alert][data-alert~=success]{--alert-bg: var(--alert-success-bg);--alert-color: var(--alert-success-text);border-color:var(--alert-success-border)}[role=alert] button[data-btn~=icon]{--btn-bg: transparent;align-items:flex-start}[role=alert][data-variant=filled]{border:none}[role=alert][data-variant=filled][data-alert~=info]{--alert-bg: var(--alert-info-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=warning]{--alert-bg: var(--alert-warning-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=error]{--alert-bg: var(--alert-error-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=success]{--alert-bg: var(--alert-success-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=default]{--alert-bg: #757575;--alert-color: white}[role=alert][data-variant=soft]{border:none}[role=alert] p{font-size:.875rem}/*# sourceMappingURL=alert.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/alert/alert.scss"],"names":[],"mappings":"AAAA,aAEE,4CACA,oDACA,gDAGA,wCACA,gDACA,4CAGA,4CACA,oDACA,gDAGA,sCACA,8CACA,0CAGA,kCAEA,wCAEA,uDACA,gDACA,4CACA,2CACA,+CACA,sBACA,gBACA,aACA,mBACA,wDACA,mCAGA,WACE,8FAEF,UACA,wBAEA,sCACE,UACA,8BAGF,uCAlDF,aAmDI,2BAIF,mBACE,+BACA,mBAIF,uCACE,aAGF,yBACE,qBACA,mBAGF,4BACE,OACA,qBAGA,yCACE,uCACA,qBACA,uCACA,yCACA,gBAIF,uNAKE,SACA,uCACA,kBACA,uCAIJ,+BACE,iCACA,sCACA,sCAGF,kCACE,oCACA,yCACA,yCAGF,gCACE,kCACA,uCACA,uCAGF,kCACE,oCACA,yCACA,yCAIA,oCACE,sBACA,uBAKJ,kCACE,YAEA,oDACE,qCACA,qBAGF,uDACE,wCACA,qBAGF,qDACE,sCACA,qBAGF,uDACE,wCACA,qBAGF,uDACE,oBACA,qBAKJ,gCACE,YAQF,eACE","file":"alert.css"}
@@ -0,0 +1,3 @@
1
+ [role=alert]{--alert-success-bg: var(--color-success-bg);--alert-success-border: var(--color-success-border);--alert-success-text: var(--color-success-text);--alert-error-bg: var(--color-error-bg);--alert-error-border: var(--color-error-border);--alert-error-text: var(--color-error-text);--alert-warning-bg: var(--color-warning-bg);--alert-warning-border: var(--color-warning-border);--alert-warning-text: var(--color-warning-text);--alert-info-bg: var(--color-info-bg);--alert-info-border: var(--color-info-border);--alert-info-text: var(--color-info-text);--alert-transition-duration: 0.3s;--alert-border: thin solid currentColor;background-color:var(--alert-bg, var(--color-surface));border:var(--alert-border, var(--color-border));color:var(--alert-color, var(--color-text));padding:var(--alert-padding, var(--spc-4));margin-block-end:var(--alert-margin-block-end);font-size:var(--fs-0);line-height:1.6;display:flex;flex-direction:row;border-radius:var(--alert-radius, var(--border-radius));gap:var(--alert-gap, var(--spc-4));transition:opacity var(--alert-transition-duration) ease,transform var(--alert-transition-duration) ease;opacity:1;transform:translateY(0)}[role=alert]:not([data-visible=true]){opacity:0;transform:translateY(-0.5rem)}@media(prefers-reduced-motion: reduce){[role=alert]{transition-duration:.01ms}}[role=alert]:focus{outline:2px solid currentColor;outline-offset:2px}[role=alert]:focus:not(:focus-visible){outline:none}[role=alert] .alert-icon{margin-block-start:0;align-items:center}[role=alert] .alert-message{flex:2;margin-block-start:0}[role=alert] .alert-message .alert-title{margin-block-end:var(--spc-1, 0.25rem);margin-block-start:0;font-weight:var(--alert-title-fw, 600);font-size:var(--alert-title-fs, inherit);line-height:1.4}[role=alert] .alert-message h2.alert-title,[role=alert] .alert-message h3.alert-title,[role=alert] .alert-message h4.alert-title,[role=alert] .alert-message h5.alert-title,[role=alert] .alert-message h6.alert-title{margin:0;margin-block-end:var(--spc-1, 0.25rem);font-size:inherit;font-weight:var(--alert-title-fw, 600)}[role=alert][data-alert~=info]{--alert-bg: var(--alert-info-bg);--alert-color: var(--alert-info-text);border-color:var(--alert-info-border)}[role=alert][data-alert~=warning]{--alert-bg: var(--alert-warning-bg);--alert-color: var(--alert-warning-text);border-color:var(--alert-warning-border)}[role=alert][data-alert~=error]{--alert-bg: var(--alert-error-bg);--alert-color: var(--alert-error-text);border-color:var(--alert-error-border)}[role=alert][data-alert~=success]{--alert-bg: var(--alert-success-bg);--alert-color: var(--alert-success-text);border-color:var(--alert-success-border)}[role=alert] button[data-btn~=icon]{--btn-bg: transparent;align-items:flex-start}[role=alert][data-variant=filled]{border:none}[role=alert][data-variant=filled][data-alert~=info]{--alert-bg: var(--alert-info-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=warning]{--alert-bg: var(--alert-warning-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=error]{--alert-bg: var(--alert-error-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=success]{--alert-bg: var(--alert-success-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=default]{--alert-bg: #757575;--alert-color: white}[role=alert][data-variant=soft]{border:none}[role=alert] p{font-size:.875rem}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsYUFFRSwyQ0FBQSxDQUNBLG1EQUFBLENBQ0EsK0NBQUEsQ0FHQSx1Q0FBQSxDQUNBLCtDQUFBLENBQ0EsMkNBQUEsQ0FHQSwyQ0FBQSxDQUNBLG1EQUFBLENBQ0EsK0NBQUEsQ0FHQSxxQ0FBQSxDQUNBLDZDQUFBLENBQ0EseUNBQUEsQ0FHQSxpQ0FBQSxDQUVBLHVDQUFBLENBRUEsc0RBQUEsQ0FDQSwrQ0FBQSxDQUNBLDJDQUFBLENBQ0EsMENBQUEsQ0FDQSw4Q0FBQSxDQUNBLHFCQUFBLENBQ0EsZUFBQSxDQUNBLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLHVEQUFBLENBQ0Esa0NBQUEsQ0FHQSx3R0FDRSxDQUVGLFNBQUEsQ0FDQSx1QkFBQSxDQUVBLHNDQUNFLFNBQUEsQ0FDQSw2QkFBQSxDQUdGLHVDQWxERixhQW1ESSx5QkFBQSxDQUFBLENBSUYsbUJBQ0UsOEJBQUEsQ0FDQSxrQkFBQSxDQUlGLHVDQUNFLFlBQUEsQ0FHRix5QkFDRSxvQkFBQSxDQUNBLGtCQUFBLENBR0YsNEJBQ0UsTUFBQSxDQUNBLG9CQUFBLENBR0EseUNBQ0Usc0NBQUEsQ0FDQSxvQkFBQSxDQUNBLHNDQUFBLENBQ0Esd0NBQUEsQ0FDQSxlQUFBLENBSUYsdU5BS0UsUUFBQSxDQUNBLHNDQUFBLENBQ0EsaUJBQUEsQ0FDQSxzQ0FBQSxDQUlKLCtCQUNFLGdDQUFBLENBQ0EscUNBQUEsQ0FDQSxxQ0FBQSxDQUdGLGtDQUNFLG1DQUFBLENBQ0Esd0NBQUEsQ0FDQSx3Q0FBQSxDQUdGLGdDQUNFLGlDQUFBLENBQ0Esc0NBQUEsQ0FDQSxzQ0FBQSxDQUdGLGtDQUNFLG1DQUFBLENBQ0Esd0NBQUEsQ0FDQSx3Q0FBQSxDQUlBLG9DQUNFLHFCQUFBLENBQ0Esc0JBQUEsQ0FLSixrQ0FDRSxXQUFBLENBRUEsb0RBQ0Usb0NBQUEsQ0FDQSxvQkFBQSxDQUdGLHVEQUNFLHVDQUFBLENBQ0Esb0JBQUEsQ0FHRixxREFDRSxxQ0FBQSxDQUNBLG9CQUFBLENBR0YsdURBQ0UsdUNBQUEsQ0FDQSxvQkFBQSxDQUdGLHVEQUNFLG1CQUFBLENBQ0Esb0JBQUEsQ0FLSixnQ0FDRSxXQUFBLENBUUYsZUFDRSxpQkFBQSIsImZpbGUiOiJhbGVydC5taW4uY3NzIn0= */
@@ -0,0 +1 @@
1
+ sup:has(>span){--badge-bg: var(--color-neutral-300);--badge-color: currentColor;--badge-radius: 0.5rem;--badge-padding: 0.3rem;--badge-vertical-align: 0.5rem;--badge-fs: var(--fs-1);background-color:var(--badge-bg);color:var(--badge-color);padding:var(--badge-padding);border-radius:var(--badge-radius);vertical-align:var(--badge-vertical-align);font-size:var(--badge-fs)}sup:has(>span) span{color:inherit}sup:has(>span)[data-badge~=rounded]{--badge-radius: 50%;--badge-padding: 0;--badge-size: 1.5625rem;width:var(--badge-size);height:var(--badge-size);display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.6875rem;font-weight:700;overflow:hidden;box-sizing:border-box}sup:has(>span)[data-badge~=rounded] span{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;padding:0 .125rem}/*# sourceMappingURL=badge.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/badge/badge.scss"],"names":[],"mappings":"AAAA,eACE,qCACA,4BACA,uBACA,wBACA,+BACA,wBACA,iCACA,yBACA,6BACA,kCACA,2CACA,0BACA,oBACE,cAEF,oCACE,oBACA,mBACA,wBACA,wBACA,yBACA,oBACA,mBACA,uBACA,cACA,mBACA,gBACA,gBACA,sBACA,yCACE,eACA,gBACA,mBACA,mBACA","file":"badge.css"}
@@ -0,0 +1,3 @@
1
+ sup:has(>span){--badge-bg: var(--color-neutral-300);--badge-color: currentColor;--badge-radius: 0.5rem;--badge-padding: 0.3rem;--badge-vertical-align: 0.5rem;--badge-fs: var(--fs-1);background-color:var(--badge-bg);color:var(--badge-color);padding:var(--badge-padding);border-radius:var(--badge-radius);vertical-align:var(--badge-vertical-align);font-size:var(--badge-fs)}sup:has(>span) span{color:inherit}sup:has(>span)[data-badge~=rounded]{--badge-radius: 50%;--badge-padding: 0;--badge-size: 1.5625rem;width:var(--badge-size);height:var(--badge-size);display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.6875rem;font-weight:700;overflow:hidden;box-sizing:border-box}sup:has(>span)[data-badge~=rounded] span{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;padding:0 .125rem}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZUFDRSxvQ0FBQSxDQUNBLDJCQUFBLENBQ0Esc0JBQUEsQ0FDQSx1QkFBQSxDQUNBLDhCQUFBLENBQ0EsdUJBQUEsQ0FDQSxnQ0FBQSxDQUNBLHdCQUFBLENBQ0EsNEJBQUEsQ0FDQSxpQ0FBQSxDQUNBLDBDQUFBLENBQ0EseUJBQUEsQ0FDQSxvQkFDRSxhQUFBLENBRUYsb0NBQ0UsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLHVCQUFBLENBQ0EsdUJBQUEsQ0FDQSx3QkFBQSxDQUNBLG1CQUFBLENBQ0Esa0JBQUEsQ0FDQSxzQkFBQSxDQUNBLGFBQUEsQ0FDQSxrQkFBQSxDQUNBLGVBQUEsQ0FDQSxlQUFBLENBQ0EscUJBQUEsQ0FDQSx5Q0FDRSxjQUFBLENBQ0EsZUFBQSxDQUNBLGtCQUFBLENBQ0Esa0JBQUEsQ0FDQSxpQkFBQSIsImZpbGUiOiJiYWRnZS5taW4uY3NzIn0= */
@@ -0,0 +1 @@
1
+ .box-padding-0{padding:0}.box-padding-xs{padding:var(--spacing-xs)}.box-padding-sm{padding:var(--spacing-sm)}.box-padding-md{padding:var(--spacing-md)}.box-padding-lg{padding:var(--spacing-lg)}.box-padding-xl{padding:var(--spacing-xl)}.box-padding-inline-0{padding-inline:0}.box-padding-inline-xs{padding-inline:var(--spacing-xs)}.box-padding-inline-sm{padding-inline:var(--spacing-sm)}.box-padding-inline-md{padding-inline:var(--spacing-md)}.box-padding-inline-lg{padding-inline:var(--spacing-lg)}.box-padding-inline-xl{padding-inline:var(--spacing-xl)}.box-padding-block-0{padding-block:0}.box-padding-block-xs{padding-block:var(--spacing-xs)}.box-padding-block-sm{padding-block:var(--spacing-sm)}.box-padding-block-md{padding-block:var(--spacing-md)}.box-padding-block-lg{padding-block:var(--spacing-lg)}.box-padding-block-xl{padding-block:var(--spacing-xl)}.box-margin-0{margin:0}.box-margin-xs{margin:var(--spacing-xs)}.box-margin-sm{margin:var(--spacing-sm)}.box-margin-md{margin:var(--spacing-md)}.box-margin-lg{margin:var(--spacing-lg)}.box-margin-xl{margin:var(--spacing-xl)}.box-margin-inline-0{margin-inline:0}.box-margin-inline-xs{margin-inline:var(--spacing-xs)}.box-margin-inline-sm{margin-inline:var(--spacing-sm)}.box-margin-inline-md{margin-inline:var(--spacing-md)}.box-margin-inline-lg{margin-inline:var(--spacing-lg)}.box-margin-inline-xl{margin-inline:var(--spacing-xl)}.box-margin-block-0{margin-block:0}.box-margin-block-xs{margin-block:var(--spacing-xs)}.box-margin-block-sm{margin-block:var(--spacing-sm)}.box-margin-block-md{margin-block:var(--spacing-md)}.box-margin-block-lg{margin-block:var(--spacing-lg)}.box-margin-block-xl{margin-block:var(--spacing-xl)}.box-width-auto{width:auto}.box-width-full{width:100%}.box-width-fit{width:fit-content}.box-width-max{width:max-content}.box-max-width-xs{max-width:var(--box-max-width-xs)}.box-max-width-sm{max-width:var(--box-max-width-sm)}.box-max-width-md{max-width:var(--box-max-width-md)}.box-max-width-lg{max-width:var(--box-max-width-lg)}.box-max-width-xl{max-width:var(--box-max-width-xl)}.box-max-width-container{max-width:var(--box-max-width-container)}.box-radius-0{border-radius:0}.box-radius-xs{border-radius:var(--box-radius-xs)}.box-radius-sm{border-radius:var(--box-radius-sm)}.box-radius-md{border-radius:var(--box-radius-md)}.box-radius-lg{border-radius:var(--box-radius-lg)}.box-radius-xl{border-radius:var(--box-radius-xl)}.box-radius-full{border-radius:var(--box-radius-full)}/*# sourceMappingURL=box.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/box/box.scss"],"names":[],"mappings":"AAaA,eACE,UAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAIF,sBACE,iBAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAIF,qBACE,gBAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAQF,cACE,SAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAIF,qBACE,gBAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAIF,oBACE,eAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAOF,gBACE,WAGF,gBACE,WAGF,eACE,kBAGF,eACE,kBAOF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,yBACE,yCAOF,cACE,gBAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,iBACE","file":"box.css"}
@@ -0,0 +1,3 @@
1
+ .box-padding-0{padding:0}.box-padding-xs{padding:var(--spacing-xs)}.box-padding-sm{padding:var(--spacing-sm)}.box-padding-md{padding:var(--spacing-md)}.box-padding-lg{padding:var(--spacing-lg)}.box-padding-xl{padding:var(--spacing-xl)}.box-padding-inline-0{padding-inline:0}.box-padding-inline-xs{padding-inline:var(--spacing-xs)}.box-padding-inline-sm{padding-inline:var(--spacing-sm)}.box-padding-inline-md{padding-inline:var(--spacing-md)}.box-padding-inline-lg{padding-inline:var(--spacing-lg)}.box-padding-inline-xl{padding-inline:var(--spacing-xl)}.box-padding-block-0{padding-block:0}.box-padding-block-xs{padding-block:var(--spacing-xs)}.box-padding-block-sm{padding-block:var(--spacing-sm)}.box-padding-block-md{padding-block:var(--spacing-md)}.box-padding-block-lg{padding-block:var(--spacing-lg)}.box-padding-block-xl{padding-block:var(--spacing-xl)}.box-margin-0{margin:0}.box-margin-xs{margin:var(--spacing-xs)}.box-margin-sm{margin:var(--spacing-sm)}.box-margin-md{margin:var(--spacing-md)}.box-margin-lg{margin:var(--spacing-lg)}.box-margin-xl{margin:var(--spacing-xl)}.box-margin-inline-0{margin-inline:0}.box-margin-inline-xs{margin-inline:var(--spacing-xs)}.box-margin-inline-sm{margin-inline:var(--spacing-sm)}.box-margin-inline-md{margin-inline:var(--spacing-md)}.box-margin-inline-lg{margin-inline:var(--spacing-lg)}.box-margin-inline-xl{margin-inline:var(--spacing-xl)}.box-margin-block-0{margin-block:0}.box-margin-block-xs{margin-block:var(--spacing-xs)}.box-margin-block-sm{margin-block:var(--spacing-sm)}.box-margin-block-md{margin-block:var(--spacing-md)}.box-margin-block-lg{margin-block:var(--spacing-lg)}.box-margin-block-xl{margin-block:var(--spacing-xl)}.box-width-auto{width:auto}.box-width-full{width:100%}.box-width-fit{width:-moz-fit-content;width:fit-content}.box-width-max{width:-moz-max-content;width:max-content}.box-max-width-xs{max-width:var(--box-max-width-xs)}.box-max-width-sm{max-width:var(--box-max-width-sm)}.box-max-width-md{max-width:var(--box-max-width-md)}.box-max-width-lg{max-width:var(--box-max-width-lg)}.box-max-width-xl{max-width:var(--box-max-width-xl)}.box-max-width-container{max-width:var(--box-max-width-container)}.box-radius-0{border-radius:0}.box-radius-xs{border-radius:var(--box-radius-xs)}.box-radius-sm{border-radius:var(--box-radius-sm)}.box-radius-md{border-radius:var(--box-radius-md)}.box-radius-lg{border-radius:var(--box-radius-lg)}.box-radius-xl{border-radius:var(--box-radius-xl)}.box-radius-full{border-radius:var(--box-radius-full)}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JveC9ib3guc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhQSxlQUNFLFNBQUEsQ0FHRixnQkFDRSx5QkFBQSxDQUdGLGdCQUNFLHlCQUFBLENBR0YsZ0JBQ0UseUJBQUEsQ0FHRixnQkFDRSx5QkFBQSxDQUdGLGdCQUNFLHlCQUFBLENBSUYsc0JBQ0UsZ0JBQUEsQ0FHRix1QkFDRSxnQ0FBQSxDQUdGLHVCQUNFLGdDQUFBLENBR0YsdUJBQ0UsZ0NBQUEsQ0FHRix1QkFDRSxnQ0FBQSxDQUdGLHVCQUNFLGdDQUFBLENBSUYscUJBQ0UsZUFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FRRixjQUNFLFFBQUEsQ0FHRixlQUNFLHdCQUFBLENBR0YsZUFDRSx3QkFBQSxDQUdGLGVBQ0Usd0JBQUEsQ0FHRixlQUNFLHdCQUFBLENBR0YsZUFDRSx3QkFBQSxDQUlGLHFCQUNFLGVBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBSUYsb0JBQ0UsY0FBQSxDQUdGLHFCQUNFLDhCQUFBLENBR0YscUJBQ0UsOEJBQUEsQ0FHRixxQkFDRSw4QkFBQSxDQUdGLHFCQUNFLDhCQUFBLENBR0YscUJBQ0UsOEJBQUEsQ0FPRixnQkFDRSxVQUFBLENBR0YsZ0JBQ0UsVUFBQSxDQUdGLGVBQ0Usc0JBQUEsQ0FBQSxpQkFBQSxDQUdGLGVBQ0Usc0JBQUEsQ0FBQSxpQkFBQSxDQU9GLGtCQUNFLGlDQUFBLENBR0Ysa0JBQ0UsaUNBQUEsQ0FHRixrQkFDRSxpQ0FBQSxDQUdGLGtCQUNFLGlDQUFBLENBR0Ysa0JBQ0UsaUNBQUEsQ0FHRix5QkFDRSx3Q0FBQSxDQU9GLGNBQ0UsZUFBQSxDQUdGLGVBQ0Usa0NBQUEsQ0FHRixlQUNFLGtDQUFBLENBR0YsZUFDRSxrQ0FBQSxDQUdGLGVBQ0Usa0NBQUEsQ0FHRixlQUNFLGtDQUFBLENBR0YsaUJBQ0Usb0NBQUEiLCJmaWxlIjoiYm94Lm1pbi5jc3MifQ== */
@@ -0,0 +1 @@
1
+ nav:not(body>nav),nav[data-breadcrumb]{--breadcrumb-padding-inline: unset;--breadcrumb-display: flex;--breadcrumb-gap: 0.5rem;--breadcrumb-color: currentColor;--breadcrumb-current-color: rgb(46, 46, 46);--breadcrumb-fs: var(--fs-3);margin-inline:unset;padding-inline:unset}nav:not(body>nav) ol,nav[data-breadcrumb] ol{padding-inline:var(--breadcrumb-padding-inline);display:var(--breadcrumb-display);gap:var(--breadcrumb-gap)}nav:not(body>nav) ol li,nav[data-breadcrumb] ol li{padding-inline:unset;width:var(--breadcrumb-width, fit-content);text-transform:capitalize;display:flex;color:var(--breadcrumb-color);gap:.5rem;font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li span[aria-hidden=true],nav[data-breadcrumb] ol li span[aria-hidden=true]{opacity:.6}nav:not(body>nav) ol li a[href],nav[data-breadcrumb] ol li a[href]{font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li a[href][aria-current],nav[data-breadcrumb] ol li a[href][aria-current]{color:var(--breadcrumb-current-color);text-decoration:none}/*# sourceMappingURL=breadcrumb.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumb.scss"],"names":[],"mappings":"AAAA,uCAEE,mCACA,2BACA,yBACA,iCACA,4CACA,6BACA,oBACA,qBACA,6CACE,gDACA,kCACA,0BACA,mDACE,qBACA,2CACA,0BACA,aACA,8BACA,UACA,+BACA,iGACE,WAEF,mEACE,+BACA,+FACE,sCACA","file":"breadcrumb.css"}
@@ -0,0 +1,3 @@
1
+ nav:not(body>nav),nav[data-breadcrumb]{--breadcrumb-padding-inline: unset;--breadcrumb-display: flex;--breadcrumb-gap: 0.5rem;--breadcrumb-color: currentColor;--breadcrumb-current-color: rgb(46, 46, 46);--breadcrumb-fs: var(--fs-3);margin-inline:unset;padding-inline:unset}nav:not(body>nav) ol,nav[data-breadcrumb] ol{padding-inline:var(--breadcrumb-padding-inline);display:var(--breadcrumb-display);gap:var(--breadcrumb-gap)}nav:not(body>nav) ol li,nav[data-breadcrumb] ol li{padding-inline:unset;width:var(--breadcrumb-width, -moz-fit-content);width:var(--breadcrumb-width, fit-content);text-transform:capitalize;display:flex;color:var(--breadcrumb-color);gap:.5rem;font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li span[aria-hidden=true],nav[data-breadcrumb] ol li span[aria-hidden=true]{opacity:.6}nav:not(body>nav) ol li a[href],nav[data-breadcrumb] ol li a[href]{font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li a[href][aria-current],nav[data-breadcrumb] ol li a[href][aria-current]{color:var(--breadcrumb-current-color);text-decoration:none}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FFRSxrQ0FBQSxDQUNBLDBCQUFBLENBQ0Esd0JBQUEsQ0FDQSxnQ0FBQSxDQUNBLDJDQUFBLENBQ0EsNEJBQUEsQ0FDQSxtQkFBQSxDQUNBLG9CQUFBLENBQ0EsNkNBQ0UsK0NBQUEsQ0FDQSxpQ0FBQSxDQUNBLHlCQUFBLENBQ0EsbURBQ0Usb0JBQUEsQ0FDQSwrQ0FBQSxDQUFBLDBDQUFBLENBQ0EseUJBQUEsQ0FDQSxZQUFBLENBQ0EsNkJBQUEsQ0FDQSxTQUFBLENBQ0EsOEJBQUEsQ0FDQSxpR0FDRSxVQUFBLENBRUYsbUVBQ0UsOEJBQUEsQ0FDQSwrRkFDRSxxQ0FBQSxDQUNBLG9CQUFBIiwiZmlsZSI6ImJyZWFkY3J1bWIubWluLmNzcyJ9 */
@@ -0,0 +1 @@
1
+ button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-size-xl: 1.375rem;--btn-size-2xl: 1.75rem;--btn-pill: 100vw;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.75);--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse);--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--color-primary));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse)}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button:focus-visible{outline:var(--btn-focus-outline, 2px solid currentColor);outline-offset:var(--btn-focus-outline-offset, 1px)}button[type=reset]{--btn-bg: transparent;--btn-color: var(--color-text-secondary);--btn-border: var(--color-border) thin solid}button[type=submit]{--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse);--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill],button.btn-pill{border-radius:var(--btn-pill, 100vw)}button[data-color=primary]{--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse)}button[data-color=secondary]{--btn-bg: var(--color-secondary);--btn-color: var(--color-text-inverse)}button[data-color=danger]{--btn-bg: var(--color-error);--btn-color: var(--color-text-inverse)}button[data-color=success]{--btn-bg: var(--color-success);--btn-color: var(--color-text-inverse)}button[data-color=warning]{--btn-bg: var(--color-warning);--btn-color: var(--color-text-inverse)}button[data-style~=outline]{--btn-bg: transparent;--btn-color: currentColor;--btn-border: 0.125rem solid currentColor}button[data-style~=outline]:is(:hover,:focus){background-color:color-mix(in srgb, currentColor 10%, transparent);filter:none;outline:.025rem solid currentColor;outline-offset:0}button[data-style~=text]{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-style~=text]:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}button[data-style~=icon]{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=xl],button .btn-xl{--btn-fs: var(--btn-size-xl)}button[data-btn~="2xl"],button .btn-2xl{--btn-fs: var(--btn-size-2xl)}button[data-btn~=block],button .btn-block{--btn-width: 100%;display:flex;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}/*# sourceMappingURL=button.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/button.scss"],"names":[],"mappings":"AAAA,OAEE,yBACA,yBACA,yBACA,wBACA,wBACA,wBACA,kBACA,6BAEA,yCACA,+BACA,uCACA,yBAEA,wBACA,+BACA,yBACA,qCACA,oEACA,kEACA,+BACA,0CACA,sCACA,qCACA,wCACA,2BACA,2CACA,6BACA,yFAIA,2CACA,aACA,uBACA,oBACA,mBACA,iBAEA,aACE,qDACA,kCAGF,0CAEE,+BACA,uCAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,iDACA,kDACA,uCACA,uCAGA,6CACE,eACA,gCACA,YAIJ,qBACE,yDACA,oDAGF,mBACE,sBACA,yCACA,6CAGF,oBACE,+BACA,uCACA,mBAGF,0FAIE,qCAIF,2BACE,+BACA,uCAGF,6BACE,iCACA,uCAGF,0BACE,6BACA,uCAGF,2BACE,+BACA,uCAGF,2BACE,+BACA,uCAIF,4BACE,sBACA,0BACA,0CAEA,8CACE,mEACA,YACA,mCACA,iBAIJ,yBACE,sBACA,0BACA,mBACA,oBACA,mBACA,6BACA,8BACA,2CACE,uEACA,uCACA,iBACA,YAIJ,yBACE,cACA,aACA,sBACA,iBACA,kBACA,kBACA,oBACA,mBACA,uBAGF,oCAEE,6BACA,yBAGF,oCAEE,6BAGF,oCAEE,6BAGF,oCAEE,6BAGF,oCAEE,6BAGF,wCAEE,8BAGF,0CAEE,kBACA,aACA,uBAGF,wCAEE,sBACA,0BACA,mBACA,oBACA,mBACA,6BACA,8BACA,4EACE,uEACA,uCACA,iBACA","file":"button.css"}
@@ -0,0 +1,3 @@
1
+ button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-size-xl: 1.375rem;--btn-size-2xl: 1.75rem;--btn-pill: 100vw;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.75);--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse);--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);-webkit-text-decoration:var(--btn-deco, none);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--color-primary));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse)}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button:focus-visible{outline:var(--btn-focus-outline, 2px solid currentColor);outline-offset:var(--btn-focus-outline-offset, 1px)}button[type=reset]{--btn-bg: transparent;--btn-color: var(--color-text-secondary);--btn-border: var(--color-border) thin solid}button[type=submit]{--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse);--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill],button.btn-pill{border-radius:var(--btn-pill, 100vw)}button[data-color=primary]{--btn-bg: var(--color-primary);--btn-color: var(--color-text-inverse)}button[data-color=secondary]{--btn-bg: var(--color-secondary);--btn-color: var(--color-text-inverse)}button[data-color=danger]{--btn-bg: var(--color-error);--btn-color: var(--color-text-inverse)}button[data-color=success]{--btn-bg: var(--color-success);--btn-color: var(--color-text-inverse)}button[data-color=warning]{--btn-bg: var(--color-warning);--btn-color: var(--color-text-inverse)}button[data-style~=outline]{--btn-bg: transparent;--btn-color: currentColor;--btn-border: 0.125rem solid currentColor}button[data-style~=outline]:is(:hover,:focus){background-color:color-mix(in srgb, currentColor 10%, transparent);filter:none;outline:.025rem solid currentColor;outline-offset:0}button[data-style~=text]{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-style~=text]:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}button[data-style~=icon]{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=xl],button .btn-xl{--btn-fs: var(--btn-size-xl)}button[data-btn~="2xl"],button .btn-2xl{--btn-fs: var(--btn-size-2xl)}button[data-btn~=block],button .btn-block{--btn-width: 100%;display:flex;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FFRSx3QkFBQSxDQUNBLHdCQUFBLENBQ0Esd0JBQUEsQ0FDQSx1QkFBQSxDQUNBLHVCQUFBLENBQ0EsdUJBQUEsQ0FDQSxpQkFBQSxDQUNBLDRCQUFBLENBRUEsd0NBQUEsQ0FDQSw4QkFBQSxDQUNBLHNDQUFBLENBQ0Esd0JBQUEsQ0FFQSx1QkFBQSxDQUNBLDhCQUFBLENBQ0Esd0JBQUEsQ0FDQSxvQ0FBQSxDQUNBLG1FQUFBLENBQ0EsaUVBQUEsQ0FDQSw4QkFBQSxDQUNBLHlDQUFBLENBQ0EsNkNBQUEsQ0FBQSxxQ0FBQSxDQUNBLG9DQUFBLENBQ0EsdUNBQUEsQ0FDQSwwQkFBQSxDQUNBLDBDQUFBLENBQ0EsNEJBQUEsQ0FDQSx3RkFBQSxDQUlBLDBDQUFBLENBQ0EsWUFBQSxDQUNBLHNCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGdCQUFBLENBRUEsYUFDRSxvREFBQSxDQUNBLGlDQUFBLENBR0YsMENBRUUsOEJBQUEsQ0FDQSxzQ0FBQSxDQUdGLDRDQUVFLHFDQUFBLENBR0EsZ0ZBQ0UsY0FBQSxDQU9KLHlCQUVFLGdEQUFBLENBQ0EsaURBQUEsQ0FDQSxzQ0FBQSxDQUNBLHNDQUFBLENBR0EsNkNBQ0UsY0FBQSxDQUNBLCtCQUFBLENBQ0EsV0FBQSxDQUlKLHFCQUNFLHdEQUFBLENBQ0EsbURBQUEsQ0FHRixtQkFDRSxxQkFBQSxDQUNBLHdDQUFBLENBQ0EsNENBQUEsQ0FHRixvQkFDRSw4QkFBQSxDQUNBLHNDQUFBLENBQ0Esa0JBQUEsQ0FHRiwwRkFJRSxvQ0FBQSxDQUlGLDJCQUNFLDhCQUFBLENBQ0Esc0NBQUEsQ0FHRiw2QkFDRSxnQ0FBQSxDQUNBLHNDQUFBLENBR0YsMEJBQ0UsNEJBQUEsQ0FDQSxzQ0FBQSxDQUdGLDJCQUNFLDhCQUFBLENBQ0Esc0NBQUEsQ0FHRiwyQkFDRSw4QkFBQSxDQUNBLHNDQUFBLENBSUYsNEJBQ0UscUJBQUEsQ0FDQSx5QkFBQSxDQUNBLHlDQUFBLENBRUEsOENBQ0Usa0VBQUEsQ0FDQSxXQUFBLENBQ0Esa0NBQUEsQ0FDQSxnQkFBQSxDQUlKLHlCQUNFLHFCQUFBLENBQ0EseUJBQUEsQ0FDQSxrQkFBQSxDQUNBLG1CQUFBLENBQ0Esa0JBQUEsQ0FDQSw0QkFBQSxDQUNBLDZCQUFBLENBQ0EsMkNBQ0Usc0VBQUEsQ0FDQSxzQ0FBQSxDQUNBLGdCQUFBLENBQ0EsV0FBQSxDQUlKLHlCQUNFLGFBQUEsQ0FDQSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxnQkFBQSxDQUNBLGlCQUFBLENBQ0EsaUJBQUEsQ0FDQSxtQkFBQSxDQUNBLGtCQUFBLENBQ0Esc0JBQUEsQ0FHRixvQ0FFRSw0QkFBQSxDQUNBLHdCQUFBLENBR0Ysb0NBRUUsNEJBQUEsQ0FHRixvQ0FFRSw0QkFBQSxDQUdGLG9DQUVFLDRCQUFBLENBR0Ysb0NBRUUsNEJBQUEsQ0FHRix3Q0FFRSw2QkFBQSxDQUdGLDBDQUVFLGlCQUFBLENBQ0EsWUFBQSxDQUNBLHNCQUFBLENBR0Ysd0NBRUUscUJBQUEsQ0FDQSx5QkFBQSxDQUNBLGtCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLDRCQUFBLENBQ0EsNkJBQUEsQ0FDQSw0RUFDRSxzRUFBQSxDQUNBLHNDQUFBLENBQ0EsZ0JBQUEsQ0FDQSxXQUFBIiwiZmlsZSI6ImJ1dHRvbi5taW4uY3NzIn0= */
@@ -0,0 +1 @@
1
+ :root{--icon-btn-size: 3rem;--icon-btn-gap: 0.375rem;--icon-btn-padding-inline: 0.75rem}[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0}button[data-icon-btn],button.icon-btn,[data-icon-btn],.icon-btn{--btn-color: currentColor;padding:0;width:var(--icon-btn-size);height:var(--icon-btn-size);display:inline-grid;place-items:center}button[data-icon-btn][data-icon-btn~=has-label],button.icon-btn[data-icon-btn~=has-label],[data-icon-btn][data-icon-btn~=has-label],.icon-btn[data-icon-btn~=has-label]{width:max-content;min-width:var(--icon-btn-size);gap:var(--icon-btn-gap);padding-inline:var(--icon-btn-padding-inline);grid-auto-flow:column}button[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],button[data-icon-btn][data-icon-btn~=has-label] .icon-label,button.icon-btn[data-icon-btn~=has-label] [data-icon-label],button.icon-btn[data-icon-btn~=has-label] .icon-label,[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],[data-icon-btn][data-icon-btn~=has-label] .icon-label,.icon-btn[data-icon-btn~=has-label] [data-icon-label],.icon-btn[data-icon-btn~=has-label] .icon-label{font-size:var(--btn-fs, 0.875rem);line-height:1;white-space:nowrap}@media(min-width: 48rem){[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:static;width:auto;height:auto;padding:unset;margin:unset;overflow:visible;clip:unset;clip-path:unset;white-space:nowrap;border:unset}}/*# sourceMappingURL=icon-button.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/icon-button.scss"],"names":[],"mappings":"AAQA,MACE,sBACA,yBACA,mCAKF,8DAEE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,qBACA,mBACA,SAOF,gEAIE,0BAEA,UACA,2BACA,4BACA,oBACA,mBAKA,wKACE,kBACA,+BACA,wBACA,8CACA,sBAEA,wcAEE,kCACA,cACA,mBAQN,yBACE,8DAEE,gBACA,WACA,YACA,cACA,aACA,iBACA,WACA,gBACA,mBACA","file":"icon-button.css"}
@@ -0,0 +1,3 @@
1
+ :root{--icon-btn-size: 3rem;--icon-btn-gap: 0.375rem;--icon-btn-padding-inline: 0.75rem}[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}button[data-icon-btn],button.icon-btn,[data-icon-btn],.icon-btn{--btn-color: currentColor;padding:0;width:var(--icon-btn-size);height:var(--icon-btn-size);display:inline-grid;place-items:center}button[data-icon-btn][data-icon-btn~=has-label],button.icon-btn[data-icon-btn~=has-label],[data-icon-btn][data-icon-btn~=has-label],.icon-btn[data-icon-btn~=has-label]{width:-moz-max-content;width:max-content;min-width:var(--icon-btn-size);gap:var(--icon-btn-gap);padding-inline:var(--icon-btn-padding-inline);grid-auto-flow:column}button[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],button[data-icon-btn][data-icon-btn~=has-label] .icon-label,button.icon-btn[data-icon-btn~=has-label] [data-icon-label],button.icon-btn[data-icon-btn~=has-label] .icon-label,[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],[data-icon-btn][data-icon-btn~=has-label] .icon-label,.icon-btn[data-icon-btn~=has-label] [data-icon-label],.icon-btn[data-icon-btn~=has-label] .icon-label{font-size:var(--btn-fs, 0.875rem);line-height:1;white-space:nowrap}@media(min-width: 48rem){[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:static;width:auto;height:auto;padding:unset;margin:unset;overflow:visible;clip:unset;-webkit-clip-path:unset;clip-path:unset;white-space:nowrap;border:unset}}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbnMvaWNvbi1idXR0b24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQSxNQUNFLHFCQUFBLENBQ0Esd0JBQUEsQ0FDQSxrQ0FBQSxDQUtGLDhEQUVFLGlCQUFBLENBQ0EsU0FBQSxDQUNBLFVBQUEsQ0FDQSxTQUFBLENBQ0EsV0FBQSxDQUNBLGVBQUEsQ0FDQSxxQkFBQSxDQUNBLDRCQUFBLENBQUEsb0JBQUEsQ0FDQSxrQkFBQSxDQUNBLFFBQUEsQ0FPRixnRUFJRSx5QkFBQSxDQUVBLFNBQUEsQ0FDQSwwQkFBQSxDQUNBLDJCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUtBLHdLQUNFLHNCQUFBLENBQUEsaUJBQUEsQ0FDQSw4QkFBQSxDQUNBLHVCQUFBLENBQ0EsNkNBQUEsQ0FDQSxxQkFBQSxDQUVBLHdjQUVFLGlDQUFBLENBQ0EsYUFBQSxDQUNBLGtCQUFBLENBUU4seUJBQ0UsOERBRUUsZUFBQSxDQUNBLFVBQUEsQ0FDQSxXQUFBLENBQ0EsYUFBQSxDQUNBLFlBQUEsQ0FDQSxnQkFBQSxDQUNBLFVBQUEsQ0FDQSx1QkFBQSxDQUFBLGVBQUEsQ0FDQSxrQkFBQSxDQUNBLFlBQUEsQ0FBQSIsImZpbGUiOiJpY29uLWJ1dHRvbi5taW4uY3NzIn0= */
@@ -0,0 +1 @@
1
+ /*# sourceMappingURL=card-style.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"card-style.css"}
@@ -0,0 +1,3 @@
1
+
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjYXJkLXN0eWxlLm1pbi5jc3MifQ== */
@@ -0,0 +1 @@
1
+ :root{--card-padding: 1.5rem;--card-bg: var(--color-surface);--card-radius: calc(var(--card-padding) / 4);--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: var(--color-surface-secondary);--card-header-border-bottom-width: 0.0625rem;--card-header-border-bottom-style: solid;--card-header-border-bottom-color: var(--color-border);--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: var(--color-surface-secondary);--card-footer-border-top-width: 0.0625rem;--card-footer-border-top-style: solid;--card-footer-border-top-color: var(--color-border)}[data-card],[data-component~=card]{display:flex;flex-direction:column;gap:var(--card-gap);border-radius:var(--card-radius);border:var(--card-border, 0.0625rem solid var(--color-border-subtle));background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom-width) var(--card-header-border-bottom-style) var(--card-header-border-bottom-color);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top-width) var(--card-footer-border-top-style) var(--card-footer-border-top-color);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{--card-transition-duration: 0.2s;--card-transition-timing: ease;--card-hover-lift: -0.125rem;--card-hover-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);cursor:pointer;transition:box-shadow var(--card-transition-duration) var(--card-transition-timing),transform var(--card-transition-duration) var(--card-transition-timing)}[data-card=interactive]:hover{transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--color-focus);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}/*# sourceMappingURL=card.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/cards/card.scss"],"names":[],"mappings":"AAAA,MAEE,uBACA,gCACA,6CACA,iBAGA,mCACA,iDACA,6CACA,yCACA,uDAEA,4BAEA,mCACA,iDACA,0CACA,sCACA,oDAGF,mCAEE,aACA,sBACA,oBACA,iCACA,sEACA,gCACA,mCAEA,kFAEE,mBACA,oBAEF,2CACE,qBAEF,mDACE,aACA,sBACA,OAGF,yDACE,mCAEF,+EACE,sCAEF,iFAGE,sDAIF,0HAEE,mCACA,uCACA,mIACA,wDAGF,qEACE,iCACA,OAGF,0HAEE,mCACA,uCACA,uHACA,wDAKJ,wBACE,iCACA,+BACA,6BACA,2DAEA,eACA,WACE,iJAGF,8BACE,6CACA,oCAIF,sCACE,yCACA,uBAIF,kDACE","file":"card.css"}
@@ -0,0 +1,3 @@
1
+ :root{--card-padding: 1.5rem;--card-bg: var(--color-surface);--card-radius: calc(var(--card-padding) / 4);--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: var(--color-surface-secondary);--card-header-border-bottom-width: 0.0625rem;--card-header-border-bottom-style: solid;--card-header-border-bottom-color: var(--color-border);--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: var(--color-surface-secondary);--card-footer-border-top-width: 0.0625rem;--card-footer-border-top-style: solid;--card-footer-border-top-color: var(--color-border)}[data-card],[data-component~=card]{display:flex;flex-direction:column;gap:var(--card-gap);border-radius:var(--card-radius);border:var(--card-border, 0.0625rem solid var(--color-border-subtle));background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom-width) var(--card-header-border-bottom-style) var(--card-header-border-bottom-color);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top-width) var(--card-footer-border-top-style) var(--card-footer-border-top-color);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{--card-transition-duration: 0.2s;--card-transition-timing: ease;--card-hover-lift: -0.125rem;--card-hover-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);cursor:pointer;transition:box-shadow var(--card-transition-duration) var(--card-transition-timing),transform var(--card-transition-duration) var(--card-transition-timing)}[data-card=interactive]:hover{transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--color-focus);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmRzL2NhcmQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUVFLHNCQUFBLENBQ0EsK0JBQUEsQ0FDQSw0Q0FBQSxDQUNBLGdCQUFBLENBR0Esa0NBQUEsQ0FDQSxnREFBQSxDQUNBLDRDQUFBLENBQ0Esd0NBQUEsQ0FDQSxzREFBQSxDQUVBLDJCQUFBLENBRUEsa0NBQUEsQ0FDQSxnREFBQSxDQUNBLHlDQUFBLENBQ0EscUNBQUEsQ0FDQSxtREFBQSxDQUdGLG1DQUVFLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLG1CQUFBLENBQ0EsZ0NBQUEsQ0FDQSxxRUFBQSxDQUNBLCtCQUFBLENBQ0Esa0NBQUEsQ0FFQSxrRkFFRSxrQkFBQSxDQUNBLG1CQUFBLENBRUYsMkNBQ0Usb0JBQUEsQ0FFRixtREFDRSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxNQUFBLENBR0YseURBQ0Usa0NBQUEsQ0FFRiwrRUFDRSxxQ0FBQSxDQUVGLGlGQUdFLHFEQUFBLENBSUYsMEhBRUUsa0NBQUEsQ0FDQSxzQ0FBQSxDQUNBLGtJQUFBLENBQ0EsdURBQUEsQ0FHRixxRUFDRSxnQ0FBQSxDQUNBLE1BQUEsQ0FHRiwwSEFFRSxrQ0FBQSxDQUNBLHNDQUFBLENBQ0Esc0hBQUEsQ0FDQSx1REFBQSxDQUtKLHdCQUNFLGdDQUFBLENBQ0EsOEJBQUEsQ0FDQSw0QkFBQSxDQUNBLDBEQUFBLENBRUEsY0FBQSxDQUNBLDJKQUNFLENBR0YsOEJBQ0UsNENBQUEsQ0FDQSxtQ0FBQSxDQUlGLHNDQUNFLHdDQUFBLENBQ0Esc0JBQUEsQ0FJRixrREFDRSxZQUFBIiwiZmlsZSI6ImNhcmQubWluLmNzcyJ9 */
@@ -0,0 +1 @@
1
+ .cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cluster-gap-0{gap:0}.cluster-gap-xs{gap:var(--spacing-xs)}.cluster-gap-sm{gap:var(--spacing-sm)}.cluster-gap-md{gap:var(--spacing-md)}.cluster-gap-lg{gap:var(--spacing-lg)}.cluster-gap-xl{gap:var(--spacing-xl)}.cluster-justify-start{justify-content:flex-start}.cluster-justify-center{justify-content:center}.cluster-justify-end{justify-content:flex-end}.cluster-justify-between{justify-content:space-between}.cluster-align-start{align-items:flex-start}.cluster-align-center{align-items:center}.cluster-align-end{align-items:flex-end}.cluster-align-baseline{align-items:baseline}/*# sourceMappingURL=cluster.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/cluster/cluster.scss"],"names":[],"mappings":"AAaA,SACE,aACA,eACA,sBAOF,eACE,MAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAOF,uBACE,2BAGF,wBACE,uBAGF,qBACE,yBAGF,yBACE,8BAOF,qBACE,uBAGF,sBACE,mBAGF,mBACE,qBAGF,wBACE","file":"cluster.css"}
@@ -0,0 +1,3 @@
1
+ .cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cluster-gap-0{gap:0}.cluster-gap-xs{gap:var(--spacing-xs)}.cluster-gap-sm{gap:var(--spacing-sm)}.cluster-gap-md{gap:var(--spacing-md)}.cluster-gap-lg{gap:var(--spacing-lg)}.cluster-gap-xl{gap:var(--spacing-xl)}.cluster-justify-start{justify-content:flex-start}.cluster-justify-center{justify-content:center}.cluster-justify-end{justify-content:flex-end}.cluster-justify-between{justify-content:space-between}.cluster-align-start{align-items:flex-start}.cluster-align-center{align-items:center}.cluster-align-end{align-items:flex-end}.cluster-align-baseline{align-items:baseline}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NsdXN0ZXIvY2x1c3Rlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFBLFNBQ0UsWUFBQSxDQUNBLGNBQUEsQ0FDQSxxQkFBQSxDQU9GLGVBQ0UsS0FBQSxDQUdGLGdCQUNFLHFCQUFBLENBR0YsZ0JBQ0UscUJBQUEsQ0FHRixnQkFDRSxxQkFBQSxDQUdGLGdCQUNFLHFCQUFBLENBR0YsZ0JBQ0UscUJBQUEsQ0FPRix1QkFDRSwwQkFBQSxDQUdGLHdCQUNFLHNCQUFBLENBR0YscUJBQ0Usd0JBQUEsQ0FHRix5QkFDRSw2QkFBQSxDQU9GLHFCQUNFLHNCQUFBLENBR0Ysc0JBQ0Usa0JBQUEsQ0FHRixtQkFDRSxvQkFBQSxDQUdGLHdCQUNFLG9CQUFBIiwiZmlsZSI6ImNsdXN0ZXIubWluLmNzcyJ9 */
@@ -0,0 +1 @@
1
+ details{--details-border: 0.0625rem solid var(--color-border-subtle);--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-height: max-content;--details-justify: flex-start;--details-padding-inline: 1.5rem;--details-padding-block: 1rem;--details-radius: 0;--details-width: 100%;--details-max-height-closed: 6.25rem;--details-max-height-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-width);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--details-max-height-closed);overflow:clip}@starting-style{details{transition:var(--summary-transitions)}}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-padding-inline, var(--details-padding-inline));padding-block:var(--summary-padding-block, var(--details-padding-block));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:var(--color-surface-secondary)}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-width)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-padding-inline);padding-block:var(--details-padding-block);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--details-max-height-open)}@starting-style{details[open]>section{max-height:0}}@supports(transition-behavior: allow-discrete){@starting-style{details{max-height:0;transition:var(--summary-transitions)}}}/*# sourceMappingURL=details.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/details/details.scss"],"names":[],"mappings":"AAAA,QACE,6DACA,4BACA,wBACA,oBACA,8BACA,8BACA,iCACA,8BACA,oBACA,sBACA,qCACA,iCACA,wBACA,0BACA,wBACA,sBACA,8BACA,6CAEA,gCACA,+BACA,wCACA,uCACA,uBACA,2BACA,6BACA,iBACA,kBACA,sCACA,4CACA,cAEA,gBAjCF,QAkCI,uCAGF,gBACE,gBACA,gBAGF,sBACE,8DAGF,qBACE,8DAIF,qBACE,oCAGF,gBACE,aAGF,gBACE,+BACA,uCACA,iCACA,4EACA,yEACA,uBACA,gBACA,6CACA,8CACA,sCAEA,wCACE,aAGF,6BACE,aACA,qCACA,gDAIF,sBACE,6BAEF,wBACE,2BAKF,6BACE,iBACA,kBAIJ,gBACE,6CACA,2CACA,qBACA,+BAGF,cACE,uBACA,sCACA,sBACE,oCAEF,sBACE,0CACA,gBAFF,sBAGI,cAKN,+CACE,gBAvHJ,QAwHM,aACA","file":"details.css"}
@@ -0,0 +1,3 @@
1
+ details{--details-border: 0.0625rem solid var(--color-border-subtle);--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-height: max-content;--details-justify: flex-start;--details-padding-inline: 1.5rem;--details-padding-block: 1rem;--details-radius: 0;--details-width: 100%;--details-max-height-closed: 6.25rem;--details-max-height-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-width);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--details-max-height-closed);overflow:clip}@starting-style{details{transition:var(--summary-transitions)}}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-padding-inline, var(--details-padding-inline));padding-block:var(--summary-padding-block, var(--details-padding-block));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:var(--color-surface-secondary)}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-width)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-padding-inline);padding-block:var(--details-padding-block);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:-moz-max-content;max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--details-max-height-open)}@starting-style{details[open]>section{max-height:0}}@supports(transition-behavior: allow-discrete){@starting-style{details{max-height:0;transition:var(--summary-transitions)}}}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RldGFpbHMvZGV0YWlscy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFFBQ0UsNERBQUEsQ0FDQSwyQkFBQSxDQUNBLHVCQUFBLENBQ0EsbUJBQUEsQ0FDQSw2QkFBQSxDQUNBLDZCQUFBLENBQ0EsZ0NBQUEsQ0FDQSw2QkFBQSxDQUNBLG1CQUFBLENBQ0EscUJBQUEsQ0FDQSxvQ0FBQSxDQUNBLGdDQUFBLENBQ0EsdUJBQUEsQ0FDQSx5QkFBQSxDQUNBLHVCQUFBLENBQ0EscUJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRDQUFBLENBRUEsK0JBQUEsQ0FDQSw4QkFBQSxDQUNBLHVDQUFBLENBQ0Esc0NBQUEsQ0FDQSxzQkFBQSxDQUNBLDBCQUFBLENBQ0EsNEJBQUEsQ0FDQSxnQkFBQSxDQUNBLGlCQUFBLENBQ0EscUNBQUEsQ0FDQSwyQ0FBQSxDQUNBLGFBQUEsQ0FFQSxnQkFqQ0YsUUFrQ0kscUNBQUEsQ0FBQSxDQUdGLGdCQUNFLGVBQUEsQ0FDQSxlQUFBLENBR0Ysc0JBQ0UsNkRBQUEsQ0FHRixxQkFDRSw2REFBQSxDQUlGLHFCQUNFLG1DQUFBLENBR0YsZ0JBQ0UsWUFBQSxDQUdGLGdCQUNFLDhCQUFBLENBQ0Esc0NBQUEsQ0FDQSxnQ0FBQSxDQUNBLDJFQUFBLENBQ0Esd0VBQUEsQ0FDQSxzQkFBQSxDQUNBLGVBQUEsQ0FDQSw0Q0FBQSxDQUNBLDZDQUFBLENBQ0EscUNBQUEsQ0FFQSx3Q0FDRSxZQUFBLENBR0YsNkJBQ0UsWUFBQSxDQUNBLG9DQUFBLENBQ0EsK0NBQUEsQ0FJRixzQkFDRSw0QkFBQSxDQUVGLHdCQUNFLDBCQUFBLENBS0YsNkJBQ0UsZ0JBQUEsQ0FDQSxpQkFBQSxDQUlKLGdCQUNFLDRDQUFBLENBQ0EsMENBQUEsQ0FDQSxvQkFBQSxDQUNBLDhCQUFBLENBR0YsY0FDRSwyQkFBQSxDQUFBLHNCQUFBLENBQ0EscUNBQUEsQ0FDQSxzQkFDRSxtQ0FBQSxDQUVGLHNCQUNFLHlDQUFBLENBQ0EsZ0JBRkYsc0JBR0ksWUFBQSxDQUFBLENBS04sK0NBQ0UsZ0JBdkhKLFFBd0hNLFlBQUEsQ0FDQSxxQ0FBQSxDQUFBLENBQUEiLCJmaWxlIjoiZGV0YWlscy5taW4uY3NzIn0= */
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkZOPHCNFD_cjs = require('../../chunk-ZOPHCNFD.cjs');
5
+ var chunkPSIXTYFY_cjs = require('../../chunk-PSIXTYFY.cjs');
6
6
  require('../../chunk-6WMLG4O5.cjs');
7
7
  require('../../chunk-OZM455LO.cjs');
8
8
  require('../../chunk-25KCUE3R.cjs');
@@ -14,11 +14,11 @@ require('../../chunk-66C2J4IX.cjs');
14
14
 
15
15
  Object.defineProperty(exports, 'Dialog', {
16
16
  enumerable: true,
17
- get: function () { return chunkZOPHCNFD_cjs.a; }
17
+ get: function () { return chunkPSIXTYFY_cjs.b; }
18
18
  });
19
19
  Object.defineProperty(exports, 'default', {
20
20
  enumerable: true,
21
- get: function () { return chunkZOPHCNFD_cjs.b; }
21
+ get: function () { return chunkPSIXTYFY_cjs.c; }
22
22
  });
23
23
  //# sourceMappingURL=out.js.map
24
24
  //# sourceMappingURL=dialog.cjs.map
@@ -0,0 +1 @@
1
+ :root{--dialog-min-width: max(20rem, 80%);--dialog-width: var(--dialog-min-width);--dialog-max-width: 90vw;--dialog-max-height: 85vh;--dialog-margin: auto;--dialog-inset: 0;--dialog-gap: 0.625rem;--dialog-border-color: var(--color-border);--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: var(--color-text-secondary);--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: var(--color-surface-secondary);--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: var(--color-focus);--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{margin:var(--dialog-margin);inset:var(--dialog-inset);width:var(--dialog-width);max-width:var(--dialog-max-width);max-height:var(--dialog-max-height);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);color:var(--dialog-close-color);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}dialog[data-size=sm]{--dialog-width: 25rem}dialog[data-size=md]{--dialog-width: 32rem}dialog[data-size=lg]{--dialog-width: 48rem}dialog[data-size=full]{box-sizing:border-box;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;inset:0;border:0;border-radius:0}dialog[data-position=center]{--dialog-margin: auto;--dialog-inset: 0}dialog[data-position=top]{--dialog-margin: 0 auto auto auto;--dialog-inset: 0}dialog[data-position=bottom]{--dialog-margin: auto auto 0 auto;--dialog-inset: 0}dialog[data-position=left]{--dialog-margin: 0 auto 0 0;--dialog-inset: 0;height:100vh;max-height:100vh;border-radius:0}dialog[data-position=right]{--dialog-margin: 0 0 0 auto;--dialog-inset: 0;height:100vh;max-height:100vh;border-radius:0}dialog[data-position=top-left]{--dialog-margin: 0 auto auto 0;--dialog-inset: 0}dialog[data-position=top-right]{--dialog-margin: 0 0 auto auto;--dialog-inset: 0}dialog[data-position=bottom-left]{--dialog-margin: auto auto 0 0;--dialog-inset: 0}dialog[data-position=bottom-right]{--dialog-margin: auto 0 0 auto;--dialog-inset: 0}/*# sourceMappingURL=dialog.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/dialog/dialog.scss"],"names":[],"mappings":"AAAA,MACE,oCACA,wCACA,yBACA,0BACA,sBACA,kBACA,uBACA,2CACA,4BACA,6BACA,6CACA,yBACA,8BACA,kDACA,gCACA,+CACA,yDACA,uBACA,gCAGA,yCACA,+BACA,gCACA,kFAIF,+BACE,MACE,oCACA,gCACA,mCACA,oDACA,iCAIJ,OACE,4BACA,0BACA,0BACA,kCACA,oCACA,sBACA,mEACA,0CACA,8BACA,0CAGA,qBACE,oCACA,0CAGF,aACE,8BACA,4CACA,sBAGF,eACE,WACA,aACA,sBACA,sBACA,4CACA,qBACA,YAIJ,eACE,aACA,8BACA,mBACA,WACA,eAEA,kBACE,qBACA,mBAGF,6BACE,mBAGF,mCACE,yCACA,mCACA,gCACA,eAEA,yCACE,uCACA,+CAIF,iDACE,oCACA,0CACA,uCACA,+CAIF,6DACE,aAKN,qCAEE,aACA,mBACA,eACA,uDACA,sBACA,WAGA,+EACE,oCACA,0CAGF,uGACE,aAMJ,qBACE,sBAGF,qBACE,sBAGF,qBACE,sBAGF,uBACE,sBACA,YACA,gBACA,aACA,iBACA,SACA,QACA,SACA,gBAKF,6BACE,sBACA,kBAGF,0BACE,kCACA,kBAGF,6BACE,kCACA,kBAGF,2BACE,4BACA,kBACA,aACA,iBACA,gBAGF,4BACE,4BACA,kBACA,aACA,iBACA,gBAGF,+BACE,+BACA,kBAGF,gCACE,+BACA,kBAGF,kCACE,+BACA,kBAGF,mCACE,+BACA","file":"dialog.css"}
@@ -1,2 +1,2 @@
1
1
  import 'react';
2
- export { a as Dialog, _ as default } from '../../dialog-6c6b3588.js';
2
+ export { a as Dialog, _ as default } from '../../dialog-e28c085f.js';
@@ -1,2 +1,2 @@
1
1
  import 'react';
2
- export { a as Dialog, _ as default } from '../../dialog-6c6b3588.js';
2
+ export { a as Dialog, _ as default } from '../../dialog-e28c085f.js';
@@ -1,4 +1,4 @@
1
- export { a as Dialog, b as default } from '../../chunk-VQTCTLFN.js';
1
+ export { b as Dialog, c as default } from '../../chunk-EARHB4PD.js';
2
2
  import '../../chunk-AQAI6COH.js';
3
3
  import '../../chunk-4F6SI5V5.js';
4
4
  import '../../chunk-34NWHFHP.js';
@@ -0,0 +1,3 @@
1
+ :root{--dialog-min-width: max(20rem, 80%);--dialog-width: var(--dialog-min-width);--dialog-max-width: 90vw;--dialog-max-height: 85vh;--dialog-margin: auto;--dialog-inset: 0;--dialog-gap: 0.625rem;--dialog-border-color: var(--color-border);--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: var(--color-text-secondary);--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: var(--color-surface-secondary);--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: var(--color-focus);--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{margin:var(--dialog-margin);inset:var(--dialog-inset);width:var(--dialog-width);max-width:var(--dialog-max-width);max-height:var(--dialog-max-height);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);color:var(--dialog-close-color);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}dialog[data-size=sm]{--dialog-width: 25rem}dialog[data-size=md]{--dialog-width: 32rem}dialog[data-size=lg]{--dialog-width: 48rem}dialog[data-size=full]{box-sizing:border-box;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;inset:0;border:0;border-radius:0}dialog[data-position=center]{--dialog-margin: auto;--dialog-inset: 0}dialog[data-position=top]{--dialog-margin: 0 auto auto auto;--dialog-inset: 0}dialog[data-position=bottom]{--dialog-margin: auto auto 0 auto;--dialog-inset: 0}dialog[data-position=left]{--dialog-margin: 0 auto 0 0;--dialog-inset: 0;height:100vh;max-height:100vh;border-radius:0}dialog[data-position=right]{--dialog-margin: 0 0 0 auto;--dialog-inset: 0;height:100vh;max-height:100vh;border-radius:0}dialog[data-position=top-left]{--dialog-margin: 0 auto auto 0;--dialog-inset: 0}dialog[data-position=top-right]{--dialog-margin: 0 0 auto auto;--dialog-inset: 0}dialog[data-position=bottom-left]{--dialog-margin: auto auto 0 0;--dialog-inset: 0}dialog[data-position=bottom-right]{--dialog-margin: auto 0 0 auto;--dialog-inset: 0}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLG1DQUFBLENBQ0EsdUNBQUEsQ0FDQSx3QkFBQSxDQUNBLHlCQUFBLENBQ0EscUJBQUEsQ0FDQSxpQkFBQSxDQUNBLHNCQUFBLENBQ0EsMENBQUEsQ0FDQSwyQkFBQSxDQUNBLDRCQUFBLENBQ0EsNENBQUEsQ0FDQSx3QkFBQSxDQUNBLDZCQUFBLENBQ0EsaURBQUEsQ0FDQSwrQkFBQSxDQUNBLDhDQUFBLENBQ0Esd0RBQUEsQ0FDQSxzQkFBQSxDQUNBLCtCQUFBLENBR0Esd0NBQUEsQ0FDQSw4QkFBQSxDQUNBLCtCQUFBLENBQ0EsaUZBQUEsQ0FJRiwrQkFDRSxNQUNFLG1DQUFBLENBQ0EsK0JBQUEsQ0FDQSxrQ0FBQSxDQUNBLG1EQUFBLENBQ0EsK0JBQUEsQ0FBQSxDQUlKLE9BQ0UsMkJBQUEsQ0FDQSx5QkFBQSxDQUNBLHlCQUFBLENBQ0EsaUNBQUEsQ0FDQSxtQ0FBQSxDQUNBLHFCQUFBLENBQ0Esa0VBQUEsQ0FDQSx5Q0FBQSxDQUNBLDZCQUFBLENBQ0EseUNBQUEsQ0FHQSxxQkFDRSxtQ0FBQSxDQUNBLHlDQUFBLENBR0YsYUFDRSw2QkFBQSxDQUNBLDJDQUFBLENBQ0EscUJBQUEsQ0FHRixlQUNFLFVBQUEsQ0FDQSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxxQkFBQSxDQUNBLDJDQUFBLENBQ0Esb0JBQUEsQ0FDQSxXQUFBLENBSUosZUFDRSxZQUFBLENBQ0EsNkJBQUEsQ0FDQSxrQkFBQSxDQUNBLFVBQUEsQ0FDQSxjQUFBLENBRUEsa0JBQ0Usb0JBQUEsQ0FDQSxrQkFBQSxDQUdGLDZCQUNFLGtCQUFBLENBR0YsbUNBQ0Usd0NBQUEsQ0FDQSxrQ0FBQSxDQUNBLCtCQUFBLENBQ0EsY0FBQSxDQUVBLHlDQUNFLHNDQUFBLENBQ0EsOENBQUEsQ0FJRixpREFDRSxtQ0FBQSxDQUNBLHlDQUFBLENBQ0Esc0NBQUEsQ0FDQSw4Q0FBQSxDQUlGLDZEQUNFLFlBQUEsQ0FLTixxQ0FFRSxZQUFBLENBQ0Esa0JBQUEsQ0FDQSxjQUFBLENBQ0Esc0RBQUEsQ0FDQSxxQkFBQSxDQUNBLFVBQUEsQ0FHQSwrRUFDRSxtQ0FBQSxDQUNBLHlDQUFBLENBR0YsdUdBQ0UsWUFBQSxDQU1KLHFCQUNFLHFCQUFBLENBR0YscUJBQ0UscUJBQUEsQ0FHRixxQkFDRSxxQkFBQSxDQUdGLHVCQUNFLHFCQUFBLENBQ0EsV0FBQSxDQUNBLGVBQUEsQ0FDQSxZQUFBLENBQ0EsZ0JBQUEsQ0FDQSxRQUFBLENBQ0EsT0FBQSxDQUNBLFFBQUEsQ0FDQSxlQUFBLENBS0YsNkJBQ0UscUJBQUEsQ0FDQSxpQkFBQSxDQUdGLDBCQUNFLGlDQUFBLENBQ0EsaUJBQUEsQ0FHRiw2QkFDRSxpQ0FBQSxDQUNBLGlCQUFBLENBR0YsMkJBQ0UsMkJBQUEsQ0FDQSxpQkFBQSxDQUNBLFlBQUEsQ0FDQSxnQkFBQSxDQUNBLGVBQUEsQ0FHRiw0QkFDRSwyQkFBQSxDQUNBLGlCQUFBLENBQ0EsWUFBQSxDQUNBLGdCQUFBLENBQ0EsZUFBQSxDQUdGLCtCQUNFLDhCQUFBLENBQ0EsaUJBQUEsQ0FHRixnQ0FDRSw4QkFBQSxDQUNBLGlCQUFBLENBR0Ysa0NBQ0UsOEJBQUEsQ0FDQSxpQkFBQSxDQUdGLG1DQUNFLDhCQUFBLENBQ0EsaUJBQUEiLCJmaWxlIjoiZGlhbG9nLm1pbi5jc3MifQ== */
@@ -0,0 +1 @@
1
+ :root{--flex-gap-xs: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);--flex-gap-sm: clamp(0.5rem, 0.45rem + 0.35vw, 0.75rem);--flex-gap-md: clamp(0.75rem, 0.65rem + 0.45vw, 1.125rem);--flex-gap-lg: clamp(1rem, 0.85rem + 0.6vw, 1.5rem);--flex-gap-xl: clamp(1.5rem, 1.25rem + 0.75vw, 2rem);--flex-gap: var(--flex-gap-sm)}.flex{display:flex;gap:var(--flex-gap)}.flex-inline{display:inline-flex;gap:var(--flex-gap)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-basis-auto{flex-basis:auto}.flex-basis-0{flex-basis:0}.flex-basis-full{flex-basis:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-0{gap:0}.gap-xs{gap:var(--flex-gap-xs)}.gap-sm{gap:var(--flex-gap-sm)}.gap-md{gap:var(--flex-gap-md)}.gap-lg{gap:var(--flex-gap-lg)}.gap-xl{gap:var(--flex-gap-xl)}.row-gap-0{row-gap:0}.row-gap-xs{row-gap:var(--flex-gap-xs)}.row-gap-sm{row-gap:var(--flex-gap-sm)}.row-gap-md{row-gap:var(--flex-gap-md)}.row-gap-lg{row-gap:var(--flex-gap-lg)}.row-gap-xl{row-gap:var(--flex-gap-xl)}.col-gap-0{column-gap:0}.col-gap-xs{column-gap:var(--flex-gap-xs)}.col-gap-sm{column-gap:var(--flex-gap-sm)}.col-gap-md{column-gap:var(--flex-gap-md)}.col-gap-lg{column-gap:var(--flex-gap-lg)}.col-gap-xl{column-gap:var(--flex-gap-xl)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-stack{display:flex;flex-direction:column;gap:var(--flex-gap-sm)}.flex-spread>*{flex:1 1 0%}.order-first{order:-1}.order-last{order:999}.order-none{order:0}@media(width >= 30rem){.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:items-stretch{align-items:stretch}.sm\:gap-0{gap:0}.sm\:gap-xs{gap:var(--flex-gap-xs)}.sm\:gap-sm{gap:var(--flex-gap-sm)}.sm\:gap-md{gap:var(--flex-gap-md)}.sm\:gap-lg{gap:var(--flex-gap-lg)}.sm\:gap-xl{gap:var(--flex-gap-xl)}.sm\:flex-1{flex:1 1 0%}.sm\:flex-auto{flex:1 1 auto}.sm\:flex-none{flex:none}}@media(width >= 48rem){.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-baseline{align-items:baseline}.md\:items-stretch{align-items:stretch}.md\:gap-0{gap:0}.md\:gap-xs{gap:var(--flex-gap-xs)}.md\:gap-sm{gap:var(--flex-gap-sm)}.md\:gap-md{gap:var(--flex-gap-md)}.md\:gap-lg{gap:var(--flex-gap-lg)}.md\:gap-xl{gap:var(--flex-gap-xl)}.md\:flex-1{flex:1 1 0%}.md\:flex-auto{flex:1 1 auto}.md\:flex-none{flex:none}.flex-stack{flex-direction:row;align-items:center;gap:var(--flex-gap-md)}}@media(width >= 62rem){.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:gap-0{gap:0}.lg\:gap-xs{gap:var(--flex-gap-xs)}.lg\:gap-sm{gap:var(--flex-gap-sm)}.lg\:gap-md{gap:var(--flex-gap-md)}.lg\:gap-lg{gap:var(--flex-gap-lg)}.lg\:gap-xl{gap:var(--flex-gap-xl)}.lg\:flex-1{flex:1 1 0%}.lg\:flex-auto{flex:1 1 auto}.lg\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-md)}.flex-stack{gap:var(--flex-gap-lg)}}@media(width >= 80rem){.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:flex-col{flex-direction:column}.xl\:flex-col-reverse{flex-direction:column-reverse}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:justify-start{justify-content:flex-start}.xl\:justify-end{justify-content:flex-end}.xl\:justify-center{justify-content:center}.xl\:justify-between{justify-content:space-between}.xl\:justify-around{justify-content:space-around}.xl\:justify-evenly{justify-content:space-evenly}.xl\:items-start{align-items:flex-start}.xl\:items-end{align-items:flex-end}.xl\:items-center{align-items:center}.xl\:items-baseline{align-items:baseline}.xl\:items-stretch{align-items:stretch}.xl\:gap-0{gap:0}.xl\:gap-xs{gap:var(--flex-gap-xs)}.xl\:gap-sm{gap:var(--flex-gap-sm)}.xl\:gap-md{gap:var(--flex-gap-md)}.xl\:gap-lg{gap:var(--flex-gap-lg)}.xl\:gap-xl{gap:var(--flex-gap-xl)}.xl\:flex-1{flex:1 1 0%}.xl\:flex-auto{flex:1 1 auto}.xl\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-lg)}.flex-stack{gap:var(--flex-gap-xl)}}/*# sourceMappingURL=flex.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/flexbox/flex.scss"],"names":[],"mappings":"AAyBA,MAEE,uDACA,wDACA,0DACA,oDACA,qDAGA,+BAOF,MACE,aACA,oBAIF,aACE,oBACA,oBAKF,UACE,mBAGF,kBACE,2BAGF,UACE,sBAGF,kBACE,8BAKF,WACE,eAGF,mBACE,uBAGF,aACE,iBAKF,eACE,2BAGF,aACE,yBAGF,gBACE,uBAGF,iBACE,8BAGF,gBACE,6BAGF,gBACE,6BAKF,aACE,uBAGF,WACE,qBAGF,cACE,mBAGF,gBACE,qBAGF,eACE,oBAKF,eACE,yBAGF,aACE,uBAGF,gBACE,qBAGF,iBACE,4BAGF,gBACE,2BAGF,gBACE,2BAGF,iBACE,sBAKF,WACE,gBAGF,YACE,sBAGF,UACE,oBAGF,aACE,kBAGF,eACE,oBAGF,cACE,mBAOF,aACE,YAGF,aACE,YAIF,eACE,cAGF,eACE,cAIF,iBACE,gBAGF,cACE,aAGF,iBACE,gBAIF,QACE,YAGF,WACE,cAGF,cACE,cAGF,WACE,UAKF,OACE,MAGF,QACE,uBAGF,QACE,uBAGF,QACE,uBAGF,QACE,uBAGF,QACE,uBAIF,WACE,UAGF,YACE,2BAGF,YACE,2BAGF,YACE,2BAGF,YACE,2BAGF,YACE,2BAIF,WACE,aAGF,YACE,8BAGF,YACE,8BAGF,YACE,8BAGF,YACE,8BAGF,YACE,8BAOF,aACE,aACA,mBACA,uBAIF,cACE,aACA,8BACA,mBAIF,aACE,aACA,6BACA,mBAIF,YACE,aACA,sBACA,uBAIF,eACE,YAKF,aACE,SAGF,YACE,UAGF,YACE,QAKF,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,WAMJ,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,UAIF,YACE,mBACA,mBACA,wBAMJ,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,UAIF,mBAEE,uBAGF,YACE,wBAMJ,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,UAIF,mBAEE,uBAGF,YACE","file":"flex.css"}
@@ -0,0 +1,3 @@
1
+ :root{--flex-gap-xs: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);--flex-gap-sm: clamp(0.5rem, 0.45rem + 0.35vw, 0.75rem);--flex-gap-md: clamp(0.75rem, 0.65rem + 0.45vw, 1.125rem);--flex-gap-lg: clamp(1rem, 0.85rem + 0.6vw, 1.5rem);--flex-gap-xl: clamp(1.5rem, 1.25rem + 0.75vw, 2rem);--flex-gap: var(--flex-gap-sm)}.flex{display:flex;gap:var(--flex-gap)}.flex-inline{display:inline-flex;gap:var(--flex-gap)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-basis-auto{flex-basis:auto}.flex-basis-0{flex-basis:0}.flex-basis-full{flex-basis:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-0{gap:0}.gap-xs{gap:var(--flex-gap-xs)}.gap-sm{gap:var(--flex-gap-sm)}.gap-md{gap:var(--flex-gap-md)}.gap-lg{gap:var(--flex-gap-lg)}.gap-xl{gap:var(--flex-gap-xl)}.row-gap-0{row-gap:0}.row-gap-xs{row-gap:var(--flex-gap-xs)}.row-gap-sm{row-gap:var(--flex-gap-sm)}.row-gap-md{row-gap:var(--flex-gap-md)}.row-gap-lg{row-gap:var(--flex-gap-lg)}.row-gap-xl{row-gap:var(--flex-gap-xl)}.col-gap-0{-moz-column-gap:0;column-gap:0}.col-gap-xs{-moz-column-gap:var(--flex-gap-xs);column-gap:var(--flex-gap-xs)}.col-gap-sm{-moz-column-gap:var(--flex-gap-sm);column-gap:var(--flex-gap-sm)}.col-gap-md{-moz-column-gap:var(--flex-gap-md);column-gap:var(--flex-gap-md)}.col-gap-lg{-moz-column-gap:var(--flex-gap-lg);column-gap:var(--flex-gap-lg)}.col-gap-xl{-moz-column-gap:var(--flex-gap-xl);column-gap:var(--flex-gap-xl)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-stack{display:flex;flex-direction:column;gap:var(--flex-gap-sm)}.flex-spread>*{flex:1 1 0%}.order-first{order:-1}.order-last{order:999}.order-none{order:0}@media(width >= 30rem){.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:items-stretch{align-items:stretch}.sm\:gap-0{gap:0}.sm\:gap-xs{gap:var(--flex-gap-xs)}.sm\:gap-sm{gap:var(--flex-gap-sm)}.sm\:gap-md{gap:var(--flex-gap-md)}.sm\:gap-lg{gap:var(--flex-gap-lg)}.sm\:gap-xl{gap:var(--flex-gap-xl)}.sm\:flex-1{flex:1 1 0%}.sm\:flex-auto{flex:1 1 auto}.sm\:flex-none{flex:none}}@media(width >= 48rem){.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-baseline{align-items:baseline}.md\:items-stretch{align-items:stretch}.md\:gap-0{gap:0}.md\:gap-xs{gap:var(--flex-gap-xs)}.md\:gap-sm{gap:var(--flex-gap-sm)}.md\:gap-md{gap:var(--flex-gap-md)}.md\:gap-lg{gap:var(--flex-gap-lg)}.md\:gap-xl{gap:var(--flex-gap-xl)}.md\:flex-1{flex:1 1 0%}.md\:flex-auto{flex:1 1 auto}.md\:flex-none{flex:none}.flex-stack{flex-direction:row;align-items:center;gap:var(--flex-gap-md)}}@media(width >= 62rem){.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:gap-0{gap:0}.lg\:gap-xs{gap:var(--flex-gap-xs)}.lg\:gap-sm{gap:var(--flex-gap-sm)}.lg\:gap-md{gap:var(--flex-gap-md)}.lg\:gap-lg{gap:var(--flex-gap-lg)}.lg\:gap-xl{gap:var(--flex-gap-xl)}.lg\:flex-1{flex:1 1 0%}.lg\:flex-auto{flex:1 1 auto}.lg\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-md)}.flex-stack{gap:var(--flex-gap-lg)}}@media(width >= 80rem){.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:flex-col{flex-direction:column}.xl\:flex-col-reverse{flex-direction:column-reverse}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:justify-start{justify-content:flex-start}.xl\:justify-end{justify-content:flex-end}.xl\:justify-center{justify-content:center}.xl\:justify-between{justify-content:space-between}.xl\:justify-around{justify-content:space-around}.xl\:justify-evenly{justify-content:space-evenly}.xl\:items-start{align-items:flex-start}.xl\:items-end{align-items:flex-end}.xl\:items-center{align-items:center}.xl\:items-baseline{align-items:baseline}.xl\:items-stretch{align-items:stretch}.xl\:gap-0{gap:0}.xl\:gap-xs{gap:var(--flex-gap-xs)}.xl\:gap-sm{gap:var(--flex-gap-sm)}.xl\:gap-md{gap:var(--flex-gap-md)}.xl\:gap-lg{gap:var(--flex-gap-lg)}.xl\:gap-xl{gap:var(--flex-gap-xl)}.xl\:flex-1{flex:1 1 0%}.xl\:flex-auto{flex:1 1 auto}.xl\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-lg)}.flex-stack{gap:var(--flex-gap-xl)}}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXhib3gvZmxleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCQSxNQUVFLHNEQUFBLENBQ0EsdURBQUEsQ0FDQSx5REFBQSxDQUNBLG1EQUFBLENBQ0Esb0RBQUEsQ0FHQSw4QkFBQSxDQU9GLE1BQ0UsWUFBQSxDQUNBLG1CQUFBLENBSUYsYUFDRSxtQkFBQSxDQUNBLG1CQUFBLENBS0YsVUFDRSxrQkFBQSxDQUdGLGtCQUNFLDBCQUFBLENBR0YsVUFDRSxxQkFBQSxDQUdGLGtCQUNFLDZCQUFBLENBS0YsV0FDRSxjQUFBLENBR0YsbUJBQ0Usc0JBQUEsQ0FHRixhQUNFLGdCQUFBLENBS0YsZUFDRSwwQkFBQSxDQUdGLGFBQ0Usd0JBQUEsQ0FHRixnQkFDRSxzQkFBQSxDQUdGLGlCQUNFLDZCQUFBLENBR0YsZ0JBQ0UsNEJBQUEsQ0FHRixnQkFDRSw0QkFBQSxDQUtGLGFBQ0Usc0JBQUEsQ0FHRixXQUNFLG9CQUFBLENBR0YsY0FDRSxrQkFBQSxDQUdGLGdCQUNFLG9CQUFBLENBR0YsZUFDRSxtQkFBQSxDQUtGLGVBQ0Usd0JBQUEsQ0FHRixhQUNFLHNCQUFBLENBR0YsZ0JBQ0Usb0JBQUEsQ0FHRixpQkFDRSwyQkFBQSxDQUdGLGdCQUNFLDBCQUFBLENBR0YsZ0JBQ0UsMEJBQUEsQ0FHRixpQkFDRSxxQkFBQSxDQUtGLFdBQ0UsZUFBQSxDQUdGLFlBQ0UscUJBQUEsQ0FHRixVQUNFLG1CQUFBLENBR0YsYUFDRSxpQkFBQSxDQUdGLGVBQ0UsbUJBQUEsQ0FHRixjQUNFLGtCQUFBLENBT0YsYUFDRSxXQUFBLENBR0YsYUFDRSxXQUFBLENBSUYsZUFDRSxhQUFBLENBR0YsZUFDRSxhQUFBLENBSUYsaUJBQ0UsZUFBQSxDQUdGLGNBQ0UsWUFBQSxDQUdGLGlCQUNFLGVBQUEsQ0FJRixRQUNFLFdBQUEsQ0FHRixXQUNFLGFBQUEsQ0FHRixjQUNFLGFBQUEsQ0FHRixXQUNFLFNBQUEsQ0FLRixPQUNF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 */
@@ -0,0 +1 @@
1
+ div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}div:has(>input[type=checkbox])[data-checkbox-size~=xs]{--checkbox-size: var(--checkbox-size-xs);--checkbox-gap: var(--checkbox-gap-xs, 0.375rem)}div:has(>input[type=checkbox])[data-checkbox-size~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-gap: var(--checkbox-gap-sm, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-gap: var(--checkbox-gap-md, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-gap: var(--checkbox-gap-lg, 0.625rem)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}/*# sourceMappingURL=checkbox.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/form/checkbox.scss"],"names":[],"mappings":"AA+BA,+BACE,aACA,mBACA,gCACA,kBAGA,oDACE,cACA,SAKA,2FACE,sDAOF,yEACE,mHAEA,2DACA,qDAMJ,+DACE,8CACA,mBAEA,+EACE,iEACA,mBAOF,8EACE,iEAMF,kFACE,sDASJ,uDACE,yCACA,iDAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,iDAKJ,gBACE,eACA,yCACA,0CACA,iBACA,SACA,OACA,YACA,iCAGA,uCAXF,gBAYI,iBAGF,mCACE,4BACA,gBACA,4BAQF,8BAHF,gBAII,0BAMJ,8BACE,+BACE,sBACA","file":"checkbox.css"}
@@ -0,0 +1,3 @@
1
+ div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}div:has(>input[type=checkbox])[data-checkbox-size~=xs]{--checkbox-size: var(--checkbox-size-xs);--checkbox-gap: var(--checkbox-gap-xs, 0.375rem)}div:has(>input[type=checkbox])[data-checkbox-size~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-gap: var(--checkbox-gap-sm, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-gap: var(--checkbox-gap-md, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-gap: var(--checkbox-gap-lg, 0.625rem)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}
2
+
3
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0vY2hlY2tib3guc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQkEsK0JBQ0UsWUFBQSxDQUNBLGtCQUFBLENBQ0EsK0JBQUEsQ0FDQSxpQkFBQSxDQUdBLG9EQUNFLGFBQUEsQ0FDQSxRQUFBLENBS0EsMkZBQ0UscURBQUEsQ0FPRix5RUFDRSxrSEFBQSxDQUVBLDBEQUFBLENBQ0Esb0RBQUEsQ0FNSiwrREFDRSw2Q0FBQSxDQUNBLGtCQUFBLENBRUEsK0VBQ0UsZ0VBQUEsQ0FDQSxrQkFBQSxDQU9GLDhFQUNFLGdFQUFBLENBTUYsa0ZBQ0UscURBQUEsQ0FTSix1REFDRSx3Q0FBQSxDQUNBLGdEQUFBLENBSUYsdURBQ0Usd0NBQUEsQ0FDQSw4Q0FBQSxDQUlGLHVEQUNFLHdDQUFBLENBQ0EsOENBQUEsQ0FJRix1REFDRSx3Q0FBQSxDQUNBLGdEQUFBLENBS0osZ0JBQ0UsY0FBQSxDQUNBLHdDQUFBLENBQ0EseUNBQUEsQ0FDQSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsZ0JBQUEsQ0FDQSxRQUFBLENBQ0EsTUFBQSxDQUNBLFdBQUEsQ0FDQSxnQ0FBQSxDQUdBLHVDQVhGLGdCQVlJLGVBQUEsQ0FBQSxDQUdGLG1DQUNFLDJCQUFBLENBQ0EsZUFBQSxDQUNBLDJCQUFBLENBUUYsOEJBSEYsZ0JBSUksd0JBQUEsQ0FBQSxDQU1KLDhCQUNFLCtCQUNFLHFCQUFBLENBQ0Esc0JBQUEsQ0FBQSIsImZpbGUiOiJjaGVja2JveC5taW4uY3NzIn0= */
@@ -0,0 +1 @@
1
+ div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}div:has(>input[type=checkbox])[data-checkbox-size~=xs]{--checkbox-size: var(--checkbox-size-xs);--checkbox-gap: var(--checkbox-gap-xs, 0.375rem)}div:has(>input[type=checkbox])[data-checkbox-size~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-gap: var(--checkbox-gap-sm, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-gap: var(--checkbox-gap-md, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-gap: var(--checkbox-gap-lg, 0.625rem)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}:root{--select-arrow-color: var(--color-text);--select-width-mobile: 18.75rem;--select-width-desktop: 100%}select{border:var(--input-outline);border-radius:var(--input-radius);outline:none;background-color:var(--input-bg, var(--color-surface));-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--select-arrow-color, currentColor) 50%),linear-gradient(135deg, var(--select-arrow-color, currentColor) 50%, transparent 50%);background-position:calc(100% - 1.25rem) center,calc(100% - 1rem) center;background-size:.3125rem .3125rem,.3125rem .3125rem;background-repeat:no-repeat;padding-inline-start:var(--input-padding-inline);padding-inline-end:2.5rem;padding-block:var(--input-padding-block);width:max(var(--select-width-mobile),var(--select-width-desktop))}:root{--input-border-color: var(--color-border);--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-padding-inline: 0.6rem;--input-padding-block: 0.4rem;--input-radius: var(--radius);--input-fs: var(--fs);--input-width: clamp(12.5rem, 100%, 31.25rem);--input-focus-outline: medium solid var(--input-border-color);--input-focus-outline-offset: 0;--input-disabled-bg: var(--color-disabled-bg);--input-disabled-opacity: 0.6;--input-disabled-cursor: not-allowed;--placeholder-color: var(--color-text-tertiary);--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--checkbox-size-xs: 0.875rem;--checkbox-size-sm: 1rem;--checkbox-size-md: 1.25rem;--checkbox-size-lg: 1.5rem;--checkbox-gap-xs: 0.375rem;--checkbox-gap-sm: 0.5rem;--checkbox-gap-md: 0.5rem;--checkbox-gap-lg: 0.625rem;--checkbox-size: var(--checkbox-size-md);--checkbox-bg: var(--color-surface);--checkbox-border: 0.125rem solid var(--color-neutral-600);--checkbox-border-color: var(--color-neutral-600);--checkbox-radius: 0.25rem;--checkbox-cursor: pointer;--checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--checkbox-checked-outline-color: var(--color-success);--checkbox-checked-bg: var(--color-success)}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-width);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-padding-inline);padding-block:var(--input-padding-block);border-radius:var(--input-radius);background-color:var(--input-bg, var(--color-surface))}input:focus-visible,input:focus{outline:var(--input-focus-outline);outline-offset:var(--input-focus-outline-offset)}input[aria-disabled=true],input:disabled{--input-border-color: var(--color-border-subtle);background-color:var(--input-disabled-bg);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);text-transform:capitalize;text-decoration:line-through}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type=checkbox]{opacity:1;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:var(--checkbox-cursor);flex-shrink:0}input[type=checkbox]:checked{background-color:var(--checkbox-bg, red);outline:var(--checkbox-checked-outline-color) solid 2px;background:var(--checkbox-checked-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.173 11.414l-3.89-3.89 1.414-1.414 2.476 2.475 5.657-5.657 1.414 1.414z'/></svg>") no-repeat center center}/*# sourceMappingURL=form.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/form/checkbox.scss","../../../src/components/form/select.scss","../../../src/components/form/form.scss"],"names":[],"mappings":"AA+BA,+BACE,aACA,mBACA,gCACA,kBAGA,oDACE,cACA,SAKA,2FACE,sDAOF,yEACE,mHAEA,2DACA,qDAMJ,+DACE,8CACA,mBAEA,+EACE,iEACA,mBAOF,8EACE,iEAMF,kFACE,sDASJ,uDACE,yCACA,iDAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,iDAKJ,gBACE,eACA,yCACA,0CACA,iBACA,SACA,OACA,YACA,iCAGA,uCAXF,gBAYI,iBAGF,mCACE,4BACA,gBACA,4BAQF,8BAHF,gBAII,0BAMJ,8BACE,+BACE,sBACA,wBCxJJ,MAEE,wCAGA,gCACA,6BAGF,OAEE,4BACA,kCACA,aACA,uDAGA,wBACA,qBACA,gBAGA,4LAEA,yEAEA,oDAEA,4BAGA,iDACA,0BACA,yCAGA,kECjCF,MACE,0CACA,yBACA,oBACA,qBACA,sDACA,+BACA,8BACA,8BACA,sBACA,8CAGA,8DACA,gCAGA,8CACA,8BACA,qCAGA,gDACA,4BACA,0BAEA,yBAMA,6BACA,yBACA,4BACA,2BAGA,4BACA,0BACA,0BACA,4BAMA,yCACA,oCACA,2DACA,kDACA,2BACA,2BACA,6DAMA,uDACA,4CAGF,KACE,aACA,qCACA,SACA,SACE,aACA,SACA,qCAGF,WACE,cAIJ,MACE,2CACA,wCACA,mCACA,yBACA,2BACA,6BACA,2CACA,yCACA,kCACA,uDAEA,gCAEE,mCACA,iDAGF,yCAEE,iDACA,0CACA,sCACA,oCACA,0BACA,6BAOF,qGACE,+BACA,oCACA,gCACA,0BAGA,iKACE,sDACA,gBACA,sLACE,aAMR,qBACE,UACA,2BACA,4BACA,SACA,8BACA,cAEA,6BACE,yCACA,wDACA","file":"form.css"}