@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/Dialog.css

@@ -1,173 +1,138 @@
-@layer starter, reset, base, state, application;
-@layer base {
-  ._dialog_n31av_2 {
-    border: none;
-    background: transparent;
-    padding-block: 0;
-    padding-inline: 0;
-    outline: none;
-    border: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
-    border-radius: 0.75rem;
-    max-width: 22.5rem;
-    width: calc(100% - 1.5rem);
-    background-color: var(--background-color, #ffffff);
-    overflow: visible;
-    --ypos: 1.5rem;
-    --dialog-padding: 1.5rem;
-  }
-  ._dialog_n31av_2::backdrop {
-    background: #040404;
-  }
-  ._dialog_n31av_2 ._container_n31av_20 {
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    display: flex;
-    box-sizing: border-box;
-    flex-direction: column;
-    background-color: inherit;
-    border-radius: 0.75rem;
-    max-height: calc(100dvh - 2rem);
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-  ._dialog_n31av_2 ._container_n31av_20 ._content_n31av_33 {
-    display: flex;
-    flex-grow: 1;
-    padding-block-start: 0.25rem;
-    padding-block-end: 0.25rem;
-    padding-inline: var(--dialog-padding);
-  }
-  ._dialog_n31av_2 ._header_n31av_40 {
-    position: sticky;
-    top: 0;
-    display: flex;
-    justify-content: space-between;
-    padding-block: var(--dialog-padding);
-    padding-inline: var(--dialog-padding);
-    background-color: var(--background-color, #ffffff);
-    z-index: 3;
-  }
-  ._dialog_n31av_2 ._header_n31av_40 h1 {
-    margin: 0;
-  }
-  ._dialog_n31av_2 ._header_n31av_40 ._close-container_n31av_53 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 1.5625rem;
-    height: 1.5625rem;
-  }
-  ._dialog_n31av_2 ._footer_n31av_60 {
-    display: flex;
-    gap: 0.5rem;
-    justify-content: flex-end;
-    padding-block: var(--dialog-padding);
-    padding-inline: var(--dialog-padding);
-    background-color: var(--background-color, #ffffff);
-  }
-}
-@layer state {
-  ._dialog_n31av_2[open] {
-    animation: _open-dialog_n31av_1 300ms forwards;
-  }
-  ._dialog_n31av_2[open]::backdrop {
-    animation: _open-backdrop_n31av_1 200ms forwards;
-  }
-  ._dialog_n31av_2._closing_n31av_76[open] {
-    animation: _close-dialog_n31av_1 300ms forwards;
-  }
-  ._dialog_n31av_2._closing_n31av_76[open]::backdrop {
-    animation: _close-backdrop_n31av_1 200ms forwards;
-  }
-  ._dialog_n31av_2._large_n31av_82:not(._fullscreen_n31av_82) {
-    max-width: 35rem;
-  }
-  ._dialog_n31av_2._xlarge_n31av_85:not(._fullscreen_n31av_82) {
-    max-width: 70rem;
-  }
-  ._dialog_n31av_2._fullscreen_n31av_82 {
-    margin: 0;
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-    max-height: 100%;
-    border: none;
-    border-radius: 0;
-    --ypos: 2.5rem;
-  }
-  ._dialog_n31av_2._fullscreen_n31av_82 > ._container_n31av_20 {
-    min-height: -webkit-fill-available;
-    min-height: -moz-available;
-    min-height: stretch;
-    border-radius: 0;
-  }
-  ._dialog_n31av_2._fullscreen_n31av_82::backdrop {
-    background-color: #ffffff;
-  }
-  ._dialog_n31av_2 ._content_n31av_33._sticky_n31av_105 {
-    position: sticky;
-    flex-grow: 0;
-    z-index: 3;
-    background-color: var(--background-color, #ffffff);
-  }
-  ._dialog_n31av_2 ._footer_n31av_60._sticky_n31av_105 {
-    position: sticky;
-    inset-block-end: 0;
-  }
-}
-@layer application {
-  ._dialog_n31av_2 ._header_n31av_40 ._close-button_n31av_117 {
-    color: var(--foreground-color, #141414);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._dialog_n31av_2 {
-      --ypos: 0;
-    }
-  }
+.anvil2 {._dialog_1ac4h_1 {
+  --a2-mod-dialog-animation-offset: var(--a2-size-6, 1.5rem);
+  --a2-mod-dialog-backdrop-color: var(--a2-dialog-backdrop-color, var(--a2-color-neutral-900, #1a1a1a));
+  --a2-mod-dialog-background-color: var(--a2-dialog-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-dialog-border-color: var(--a2-dialog-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-dialog-padding: var(--a2-size-6, 1.5rem);
+  background-color: var(--a2-mod-dialog-background-color);
+  border: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-dialog-border-color);
+  border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem));
+  max-width: var(--a2-mod-dialog-max-width, 22.5rem);
+  outline: none;
+  overflow: visible;
+  padding-block: 0;
+  padding-inline: 0;
+  width: calc(100% - 2 * var(--a2-size-3, 0.75rem));
+}._dialog_1ac4h_1::backdrop {
+  background-color: var(--a2-mod-dialog-backdrop-color);
+}._dialog_1ac4h_1[open] {
+  animation: _open-dialog_1ac4h_1 var(--a2-duration-slow, 300ms) forwards;
+}._dialog_1ac4h_1[open]::backdrop {
+  animation: _open-backdrop_1ac4h_1 var(--a2-duration-default, 200ms) forwards;
+}@media (prefers-reduced-motion: reduce) {
+  ._dialog_1ac4h_1 {
+    --a2-mod-dialog-animation-offset: 0;
+  }
+}._closing_1ac4h_32[open] {
+  animation: _close-dialog_1ac4h_1 var(--a2-duration-slow, 300ms) forwards;
+}._closing_1ac4h_32[open]::backdrop {
+  animation: _close-backdrop_1ac4h_1 var(--a2-duration-default, 200ms) forwards;
+}._container_1ac4h_39 {
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  background-color: inherit;
+  border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem));
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100dvh - var(--a2-size-8, 2rem));
+  overflow: auto;
+  overscroll-behavior: contain;
+}._header_1ac4h_53 {
+  background-color: var(--a2-mod-dialog-background-color);
+  display: flex;
+  justify-content: space-between;
+  padding-block: var(--a2-mod-dialog-padding);
+  padding-inline: var(--a2-mod-dialog-padding);
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}._title_1ac4h_64 {
+  margin: 0;
+}._close-container_1ac4h_68 {
+  align-items: center;
+  display: flex;
+  height: calc(var(--a2-font-size-500, 1.25rem) * 1.25);
+  justify-content: center;
+  width: calc(var(--a2-font-size-500, 1.25rem) * 1.25);
+}._content_1ac4h_76 {
+  display: flex;
+  flex-grow: 1;
+  padding-block-end: var(--a2-size-1, 0.25rem);
+  padding-block-start: var(--a2-size-1, 0.25rem);
+  padding-inline: var(--a2-mod-dialog-padding);
+}._content_1ac4h_76._sticky_1ac4h_83 {
+  background-color: var(--a2-mod-dialog-background-color);
+  flex-grow: 0;
+  position: sticky;
+  z-index: 3;
+}._footer_1ac4h_90 {
+  background-color: var(--a2-mod-dialog-background-color);
+  display: flex;
+  gap: var(--a2-size-2, 0.5rem);
+  justify-content: flex-end;
+  padding-block: var(--a2-mod-dialog-padding);
+  padding-inline: var(--a2-mod-dialog-padding);
+}._footer_1ac4h_90._sticky_1ac4h_83 {
+  inset-block-end: 0;
+  position: sticky;
+}._large_1ac4h_103:not(._fullscreen_1ac4h_103) {
+  --a2-mod-dialog-max-width: 35rem;
+}._xlarge_1ac4h_107:not(._fullscreen_1ac4h_103) {
+  --a2-mod-dialog-max-width: 70rem;
+}._fullscreen_1ac4h_103 {
+  --a2-mod-dialog-animation-offset: var(--a2-size-10, 2.5rem);
+  --a2-mod-dialog-backdrop-color: var(--a2-dialog-backdrop-fullscreen-color, var(--a2-color-neutral-0, #ffffff));
+  border: none;
+  border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
+  height: 100%;
+  margin: 0;
+  max-height: 100%;
+  max-width: 100%;
+  width: 100%;
+}._fullscreen_1ac4h_103 > ._container_1ac4h_39 {
+  border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
+  min-height: -webkit-fill-available;
+  min-height: -moz-available;
+  min-height: stretch;
 }
-@keyframes _open-dialog_n31av_1 {
+}@keyframes _open-dialog_1ac4h_1 {
   from {
     opacity: 0;
-    transform: translateY(var(--ypos));
+    transform: translateY(var(--a2-mod-dialog-animation-offset));
   }
   to {
     opacity: 1;
     transform: translateY(0%);
   }
-}
-@keyframes _close-dialog_n31av_1 {
+}@keyframes _close-dialog_1ac4h_1 {
   from {
     opacity: 1;
     transform: translateY(0%);
   }
   to {
     opacity: 0;
-    transform: translateY(var(--ypos));
+    transform: translateY(var(--a2-mod-dialog-animation-offset));
   }
-}
-@keyframes _open-backdrop_n31av_1 {
+}@keyframes _open-backdrop_1ac4h_1 {
   from {
     opacity: 0;
   }
   to {
-    opacity: 0.6;
+    opacity: var(--a2-dialog-backdrop-opacity, 0.6);
   }
-}
-@keyframes _close-backdrop_n31av_1 {
+}@keyframes _close-backdrop_1ac4h_1 {
   from {
-    opacity: 0.6;
+    opacity: var(--a2-dialog-backdrop-opacity, 0.6);
   }
   to {
     opacity: 0;
   }
-}
-body:has(
+}body:has(
     dialog[data-anv="dialog"][open]:not([data-anv-scroll-chaining="true"])
   ) {
   overflow: hidden !important;
-}
-
-body:has([data-anv-dialogs-open="true"]) {
+}body:has([data-anv-dialogs-open="true"]) {
   overflow: hidden !important;
 }

package/dist/Dialog.js

@@ -1,2 +1,2 @@
-export { D as Dialog, D as default } from './Dialog-zxpNOCDS.js';
+export { D as Dialog, D as default } from './Dialog-ByTyuybu.js';
 //# sourceMappingURL=Dialog.js.map

package/dist/{DialogCancelButton-Czz4Wpse.js → DialogCancelButton-CbtQcf2J.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useContext, forwardRef } from 'react';
-import { B as Button } from './Button-BdrrhBTI.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
 import { D as DialogContext } from './DialogContext-DBgtApl9.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -47,4 +47,4 @@ const DialogCancelButton = forwardRef((props, ref) => {
 DialogCancelButton.displayName = "DialogCancelButton";
 
 export { DialogCancelButton as D, useDialogContext as u };
-//# sourceMappingURL=DialogCancelButton-Czz4Wpse.js.map
+//# sourceMappingURL=DialogCancelButton-CbtQcf2J.js.map

package/dist/{DialogCancelButton-Czz4Wpse.js.map → DialogCancelButton-CbtQcf2J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DialogCancelButton-Czz4Wpse.js","sources":["../src/components/Dialog/internal/useDialogContext.ts","../src/components/Dialog/DialogCancelButton.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { DialogContext } from \"./DialogContext\";\n\nexport function useDialogContext() {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\n      \"useDialogContext must be used within a DialogContextProvider\",\n    );\n  }\n  return context;\n}\n","import { MouseEvent, forwardRef } from \"react\";\nimport { Button, ButtonProps } from \"../Button\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\nimport { DataTrackingId } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\n/**\n * Props for the DialogCancelButton component\n * @extends ButtonProps\n */\nexport type DialogCancelButtonProps = ButtonProps & DataTrackingId;\n\n/**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n */\nexport const DialogCancelButton = forwardRef<\n  HTMLButtonElement,\n  DialogCancelButtonProps\n>((props, ref) => {\n  const { onClick, ...rest } = props;\n  const { close } = useDialogContext();\n  const data = {\n    title: props.title,\n    appearance: props.appearance,\n    size: props.size,\n    type: props.type,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DialogCancelButton\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    close();\n  };\n  return (\n    <Button\n      aria-label=\"Close dialog\"\n      data-anv=\"dialog-cancel-button\"\n      data-tracking-id={trackingId}\n      onClick={onClickHandler}\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n\nDialogCancelButton.displayName = \"DialogCancelButton\";\n"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;ACcO,MAAM,kBAAA,GAAqB,UAAA,CAGhC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,GAAG,IAAA,EAAK,GAAI,KAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,gBAAA,EAAiB;AACnC,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,MAAM,KAAA,CAAM;AAAA,GACd;AAEA,EAAA,MAAM,aAAa,aAAA,CAAc;AAAA,IAC/B,IAAA,EAAM,oBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AACD,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,IAAA,OAAA,GAAU,CAAC,CAAA;AACX,IAAA,KAAA,EAAM;AAAA,EACR,CAAA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,sBAAA;AAAA,MACT,kBAAA,EAAkB,UAAA;AAAA,MAClB,OAAA,EAAS,cAAA;AAAA,MACT,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}
+{"version":3,"file":"DialogCancelButton-CbtQcf2J.js","sources":["../src/components/Dialog/internal/useDialogContext.ts","../src/components/Dialog/DialogCancelButton.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { DialogContext } from \"./DialogContext\";\n\nexport function useDialogContext() {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\n      \"useDialogContext must be used within a DialogContextProvider\",\n    );\n  }\n  return context;\n}\n","import { MouseEvent, forwardRef } from \"react\";\nimport { Button, ButtonProps } from \"../Button\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\nimport { DataTrackingId } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\n/**\n * Props for the DialogCancelButton component\n * @extends ButtonProps\n */\nexport type DialogCancelButtonProps = ButtonProps & DataTrackingId;\n\n/**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n */\nexport const DialogCancelButton = forwardRef<\n  HTMLButtonElement,\n  DialogCancelButtonProps\n>((props, ref) => {\n  const { onClick, ...rest } = props;\n  const { close } = useDialogContext();\n  const data = {\n    title: props.title,\n    appearance: props.appearance,\n    size: props.size,\n    type: props.type,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DialogCancelButton\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    close();\n  };\n  return (\n    <Button\n      aria-label=\"Close dialog\"\n      data-anv=\"dialog-cancel-button\"\n      data-tracking-id={trackingId}\n      onClick={onClickHandler}\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n\nDialogCancelButton.displayName = \"DialogCancelButton\";\n"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;ACcO,MAAM,kBAAA,GAAqB,UAAA,CAGhC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,GAAG,IAAA,EAAK,GAAI,KAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,gBAAA,EAAiB;AACnC,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,MAAM,KAAA,CAAM;AAAA,GACd;AAEA,EAAA,MAAM,aAAa,aAAA,CAAc;AAAA,IAC/B,IAAA,EAAM,oBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AACD,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,IAAA,OAAA,GAAU,CAAC,CAAA;AACX,IAAA,KAAA,EAAM;AAAA,EACR,CAAA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,sBAAA;AAAA,MACT,kBAAA,EAAkB,UAAA;AAAA,MAClB,OAAA,EAAS,cAAA;AAAA,MACT,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}

package/dist/{Divider-B1UoK8ho.js → Divider-Ds3WKsKa.js}

@@ -1,29 +1,29 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
-import './Divider.css';const container = "_container_1t0cy_2";
-const divider = "_divider_1t0cy_23";
-const content = "_content_1t0cy_41";
-const vertical = "_vertical_1t0cy_52";
+import './Divider.css';const container = "_container_klljw_1";
+const divider = "_divider_klljw_21";
+const content = "_content_klljw_40";
+const vertical = "_vertical_klljw_95";
 const styles = {
 	container: container,
 	divider: divider,
 	content: content,
-	vertical: vertical,
-	"align-start": "_align-start_1t0cy_58",
-	"align-end": "_align-end_1t0cy_61",
-	"spacing-0": "_spacing-0_1t0cy_64",
-	"spacing-half": "_spacing-half_1t0cy_68",
-	"spacing-1": "_spacing-1_1t0cy_72",
-	"spacing-2": "_spacing-2_1t0cy_76",
-	"spacing-3": "_spacing-3_1t0cy_80",
-	"spacing-4": "_spacing-4_1t0cy_84",
-	"spacing-5": "_spacing-5_1t0cy_88",
-	"spacing-6": "_spacing-6_1t0cy_92",
-	"spacing-8": "_spacing-8_1t0cy_96",
-	"spacing-12": "_spacing-12_1t0cy_100"
+	"spacing-0": "_spacing-0_klljw_50",
+	"spacing-half": "_spacing-half_klljw_54",
+	"spacing-1": "_spacing-1_klljw_58",
+	"spacing-2": "_spacing-2_klljw_59",
+	"spacing-3": "_spacing-3_klljw_63",
+	"spacing-4": "_spacing-4_klljw_67",
+	"spacing-5": "_spacing-5_klljw_71",
+	"spacing-6": "_spacing-6_klljw_75",
+	"spacing-8": "_spacing-8_klljw_79",
+	"spacing-12": "_spacing-12_klljw_83",
+	"align-start": "_align-start_klljw_87",
+	"align-end": "_align-end_klljw_91",
+	vertical: vertical
 };
 
 const Divider = forwardRef(
@@ -86,4 +86,4 @@ const Divider = forwardRef(
 Divider.displayName = "Divider";
 
 export { Divider as D };
-//# sourceMappingURL=Divider-B1UoK8ho.js.map
+//# sourceMappingURL=Divider-Ds3WKsKa.js.map

package/dist/{Divider-B1UoK8ho.js.map → Divider-Ds3WKsKa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-B1UoK8ho.js","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, CSSProperties, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport styles from \"./Divider.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Divider component\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends LayoutUtilProps\n */\nexport type DividerProps = ComponentPropsWithoutRef<\"span\"> &\n  LayoutUtilProps & {\n    /**\n     * Controls the alignment of content within the divider.\n     * @default center\n     */\n    alignContent?: \"start\" | \"center\" | \"end\";\n    /**\n     * Controls the spacing around the divider.\n     * @default \"0\"\n     */\n    spacing?:\n      | \"0\"\n      | \"half\"\n      | \"1\"\n      | \"2\"\n      | \"3\"\n      | \"4\"\n      | \"5\"\n      | \"6\"\n      | \"8\"\n      | \"12\"\n      | 0\n      | 0.5\n      | 1\n      | 2\n      | 3\n      | 4\n      | 5\n      | 6\n      | 8\n      | 12;\n    /**\n     * When true, renders the divider vertically instead of horizontally.\n     * @default false\n     */\n    vertical?: boolean;\n  };\n\n/**\n * Divider component for creating visual separators between content sections.\n *\n * Features:\n * - Horizontal and vertical divider orientations\n * - Optional content display within the divider\n * - Three content alignment options (start, center, end)\n * - Configurable spacing with predefined size tokens\n * - Supports layout utilities for positioning and spacing\n * - Flexible content placement with automatic line positioning\n * - Responsive design that adapts to container width\n *\n * @example\n * <Divider spacing=\"2\" alignContent=\"center\">\n *   <b>Section Title</b>\n * </Divider>\n */\nexport const Divider = forwardRef<HTMLSpanElement, DividerProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { alignContent, ...restOfLayoutStyles } =\n      layoutStyles as CSSProperties;\n    const {\n      children,\n      className,\n      spacing = \"0\",\n      vertical = false,\n      style,\n      ...rest\n    } = componentProps;\n    const ContainerClasses = classnames(styles[\"container\"], className, {\n      [styles[`spacing-${spacing === 0.5 ? \"half\" : spacing}`]]: spacing,\n      [styles[\"vertical\"]]: vertical,\n      [styles[\"align-start\"]]: alignContent === \"start\",\n      [styles[\"align-end\"]]: alignContent === \"end\",\n    });\n\n    const contentOrdering = () => {\n      if (children) {\n        if (alignContent === \"start\") {\n          return (\n            <>\n              <span className={styles[\"content\"]}>{children}</span>\n              <hr className={styles[\"divider\"]} />\n            </>\n          );\n        }\n        if (alignContent === \"end\") {\n          return (\n            <>\n              <hr className={styles[\"divider\"]} />\n              <span className={styles[\"content\"]}>{children}</span>\n            </>\n          );\n        }\n        return (\n          <>\n            <hr className={styles[\"divider\"]} />\n            <span className={styles[\"content\"]}>{children}</span>\n            <hr className={styles[\"divider\"]} />\n          </>\n        );\n      }\n      return <hr className={styles[\"divider\"]} />;\n    };\n\n    const styleCombined = {\n      ...style,\n      ...restOfLayoutStyles,\n    };\n\n    return (\n      <span\n        data-anv=\"divider\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n        className={ContainerClasses}\n      >\n        {contentOrdering()}\n      </span>\n    );\n  },\n);\n\nDivider.displayName = \"Divider\";\n"],"names":["classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEO,MAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM,EAAE,YAAA,EAAc,GAAG,kBAAA,EAAmB,GAC1C,YAAA;AACF,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,GAAU,GAAA;AAAA,MACV,QAAA,GAAW,KAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AACJ,IAAA,MAAM,gBAAA,GAAmBA,EAAA,CAAW,MAAA,CAAO,WAAW,GAAG,SAAA,EAAW;AAAA,MAClE,CAAC,OAAO,CAAA,QAAA,EAAW,OAAA,KAAY,MAAM,MAAA,GAAS,OAAO,CAAA,CAAE,CAAC,GAAG,OAAA;AAAA,MAC3D,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,QAAA;AAAA,MACtB,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,YAAA,KAAiB,OAAA;AAAA,MAC1C,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,YAAA,KAAiB;AAAA,KACzC,CAAA;AAED,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,IAAI,iBAAiB,OAAA,EAAS;AAC5B,UAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS,CAAA;AAAA,4BAC9C,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG;AAAA,WAAA,EACpC,CAAA;AAAA,QAEJ;AACA,QAAA,IAAI,iBAAiB,KAAA,EAAO;AAC1B,UAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,gCACjC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS;AAAA,WAAA,EAChD,CAAA;AAAA,QAEJ;AACA,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,8BACjC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS,CAAA;AAAA,0BAC9C,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG;AAAA,SAAA,EACpC,CAAA;AAAA,MAEJ;AACA,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,IAC3C,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAS,SAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACJ,SAAA,EAAW,gBAAA;AAAA,QAEV,QAAA,EAAA,eAAA;AAAgB;AAAA,KACnB;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}
+{"version":3,"file":"Divider-Ds3WKsKa.js","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, CSSProperties, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport styles from \"./Divider.module.scss\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Divider component\n * @extends ComponentPropsWithoutRef<\"span\">\n * @extends LayoutUtilProps\n */\nexport type DividerProps = ComponentPropsWithoutRef<\"span\"> &\n  LayoutUtilProps & {\n    /**\n     * Controls the alignment of content within the divider.\n     * @default center\n     */\n    alignContent?: \"start\" | \"center\" | \"end\";\n    /**\n     * Controls the spacing around the divider.\n     * @default \"0\"\n     */\n    spacing?:\n      | \"0\"\n      | \"half\"\n      | \"1\"\n      | \"2\"\n      | \"3\"\n      | \"4\"\n      | \"5\"\n      | \"6\"\n      | \"8\"\n      | \"12\"\n      | 0\n      | 0.5\n      | 1\n      | 2\n      | 3\n      | 4\n      | 5\n      | 6\n      | 8\n      | 12;\n    /**\n     * When true, renders the divider vertically instead of horizontally.\n     * @default false\n     */\n    vertical?: boolean;\n  };\n\n/**\n * Divider component for creating visual separators between content sections.\n *\n * Features:\n * - Horizontal and vertical divider orientations\n * - Optional content display within the divider\n * - Three content alignment options (start, center, end)\n * - Configurable spacing with predefined size tokens\n * - Supports layout utilities for positioning and spacing\n * - Flexible content placement with automatic line positioning\n * - Responsive design that adapts to container width\n *\n * @example\n * <Divider spacing=\"2\" alignContent=\"center\">\n *   <b>Section Title</b>\n * </Divider>\n */\nexport const Divider = forwardRef<HTMLSpanElement, DividerProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { alignContent, ...restOfLayoutStyles } =\n      layoutStyles as CSSProperties;\n    const {\n      children,\n      className,\n      spacing = \"0\",\n      vertical = false,\n      style,\n      ...rest\n    } = componentProps;\n    const ContainerClasses = classnames(styles[\"container\"], className, {\n      [styles[`spacing-${spacing === 0.5 ? \"half\" : spacing}`]]: spacing,\n      [styles[\"vertical\"]]: vertical,\n      [styles[\"align-start\"]]: alignContent === \"start\",\n      [styles[\"align-end\"]]: alignContent === \"end\",\n    });\n\n    const contentOrdering = () => {\n      if (children) {\n        if (alignContent === \"start\") {\n          return (\n            <>\n              <span className={styles[\"content\"]}>{children}</span>\n              <hr className={styles[\"divider\"]} />\n            </>\n          );\n        }\n        if (alignContent === \"end\") {\n          return (\n            <>\n              <hr className={styles[\"divider\"]} />\n              <span className={styles[\"content\"]}>{children}</span>\n            </>\n          );\n        }\n        return (\n          <>\n            <hr className={styles[\"divider\"]} />\n            <span className={styles[\"content\"]}>{children}</span>\n            <hr className={styles[\"divider\"]} />\n          </>\n        );\n      }\n      return <hr className={styles[\"divider\"]} />;\n    };\n\n    const styleCombined = {\n      ...style,\n      ...restOfLayoutStyles,\n    };\n\n    return (\n      <span\n        data-anv=\"divider\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n        className={ContainerClasses}\n      >\n        {contentOrdering()}\n      </span>\n    );\n  },\n);\n\nDivider.displayName = \"Divider\";\n"],"names":["classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEO,MAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM,EAAE,YAAA,EAAc,GAAG,kBAAA,EAAmB,GAC1C,YAAA;AACF,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,GAAU,GAAA;AAAA,MACV,QAAA,GAAW,KAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AACJ,IAAA,MAAM,gBAAA,GAAmBA,EAAA,CAAW,MAAA,CAAO,WAAW,GAAG,SAAA,EAAW;AAAA,MAClE,CAAC,OAAO,CAAA,QAAA,EAAW,OAAA,KAAY,MAAM,MAAA,GAAS,OAAO,CAAA,CAAE,CAAC,GAAG,OAAA;AAAA,MAC3D,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,QAAA;AAAA,MACtB,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,YAAA,KAAiB,OAAA;AAAA,MAC1C,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,YAAA,KAAiB;AAAA,KACzC,CAAA;AAED,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,IAAI,iBAAiB,OAAA,EAAS;AAC5B,UAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS,CAAA;AAAA,4BAC9C,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG;AAAA,WAAA,EACpC,CAAA;AAAA,QAEJ;AACA,QAAA,IAAI,iBAAiB,KAAA,EAAO;AAC1B,UAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,gCACjC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS;AAAA,WAAA,EAChD,CAAA;AAAA,QAEJ;AACA,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,8BACjC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,GAAI,QAAA,EAAS,CAAA;AAAA,0BAC9C,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG;AAAA,SAAA,EACpC,CAAA;AAAA,MAEJ;AACA,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA;AAAA,IAC3C,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAS,SAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACJ,SAAA,EAAW,gBAAA;AAAA,QAEV,QAAA,EAAA,eAAA;AAAgB;AAAA,KACnB;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}