@accelint/design-toolkit 2.6.0 → 4.0.0

package/dist/components/chip/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-subtle outline-advisory-bold"},critical:{chip:"bg-critical-subtle outline-critical"},serious:{chip:"bg-serious-subtle outline-serious"},normal:{chip:"bg-normal-subtle outline-normal"},info:{chip:"bg-info-subtle outline-info-bold"}}},defaultVariants:t}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,t as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-subtle outline-advisory-bold"},critical:{chip:"bg-critical-subtle outline-critical"},serious:{chip:"bg-serious-subtle outline-serious"},normal:{chip:"bg-normal-subtle outline-normal"},info:{chip:"bg-info-subtle outline-info-bold"}}},defaultVariants:t}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus-visible:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight","enabled:selected:focus-visible:outline-interactive-hover","enabled:selected:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus-visible:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,t as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/chip/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,SACrB,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,CAAA,IAAA,CAAA,CAAA,iKAEA,CAAA,0DAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQF,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,WACF,CAAA,SACA,CAAU,CACR,QAAS,CACP,CAAA,OAAA,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAU,CAAE,oDACH,CAAE,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,mCACP,CAAA,CAAA,MAAM,CAAA,CAAA,IAAA,CAAA,uCACF,CAAA,CAAA,IAAA,CAAA,kCAGlB,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,OACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,yCACA,CAAA,mHAEA,CAAA,wFACA,CAAA,2CAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,yCACA,CAAA,yCACA,CAAA,wFAEO,CAAA,CAAA,MAAA,CAAA,CAAA,gBAAkB,CAAA,6BAE9B,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ChipStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n  slots: {\n    list: 'group/chip-list flex w-content flex-wrap gap-xs',\n    chip: [\n      'group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n      'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n      'size-small:px-s size-small:py-xs size-small:text-body-xs',\n    ],\n  },\n});\n\nexport const ChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: 'gap-xxs',\n  },\n  variants: {\n    variant: {\n      advisory: { chip: 'bg-advisory-subtle outline-advisory-bold' },\n      critical: { chip: 'bg-critical-subtle outline-critical' },\n      serious: { chip: 'bg-serious-subtle outline-serious' },\n      normal: { chip: 'bg-normal-subtle outline-normal' },\n      info: { chip: 'bg-info-subtle outline-info-bold' },\n    },\n  },\n  defaultVariants: ChipStylesDefaults,\n});\n\nexport const SelectableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'cursor-pointer outline-interactive',\n      'enabled:focus:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n      'disabled:selected:bg-interactive-disabled',\n    ],\n  },\n});\n\nexport const DeletableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'gap-xs outline-interactive',\n      'enabled:focus:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n    ],\n    remove: ['cursor-pointer', 'disabled:cursor-not-allowed'],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,SACrB,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,CAAA,IAAA,CAAA,CAAA,iKAEA,CAAA,0DAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQF,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,WACF,CAAA,SACA,CAAU,CACR,QAAS,CACP,CAAA,OAAA,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,qCACT,CAAE,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,mCACP,CAAA,CAAA,MAAM,CAAA,CAAA,IAAA,CAAA,iCACR,CAAA,CAAA,6CAGZ,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,iDACA,CAAA,yCACA,CAAA,yEACA,CAAA,6GAEA,CAAA,wFACA,CAAA,2CAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,iDACA,CAAA,yCACA,CAAA,wFAEO,CAAA,CAAA,MAAA,CAAA,CAAA,gBAAkB,CAAA,6BAE9B,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ChipStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n  slots: {\n    list: 'group/chip-list flex w-content flex-wrap gap-xs',\n    chip: [\n      'group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n      'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n      'size-small:px-s size-small:py-xs size-small:text-body-xs',\n    ],\n  },\n});\n\nexport const ChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: 'gap-xxs',\n  },\n  variants: {\n    variant: {\n      advisory: { chip: 'bg-advisory-subtle outline-advisory-bold' },\n      critical: { chip: 'bg-critical-subtle outline-critical' },\n      serious: { chip: 'bg-serious-subtle outline-serious' },\n      normal: { chip: 'bg-normal-subtle outline-normal' },\n      info: { chip: 'bg-info-subtle outline-info-bold' },\n    },\n  },\n  defaultVariants: ChipStylesDefaults,\n});\n\nexport const SelectableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'cursor-pointer outline-interactive',\n      'enabled:focus-visible:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight',\n      'enabled:selected:focus-visible:outline-interactive-hover',\n      'enabled:selected:hover:outline-interactive-hover',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n      'disabled:selected:bg-interactive-disabled',\n    ],\n  },\n});\n\nexport const DeletableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'gap-xs outline-interactive',\n      'enabled:focus-visible:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n    ],\n    remove: ['cursor-pointer', 'disabled:cursor-not-allowed'],\n  },\n});\n"]}

package/dist/components/classification-badge/index.d.ts

@@ -11,6 +11,21 @@ declare function ClassificationBadgeProvider({ children, ...props }: ProviderPro
 declare namespace ClassificationBadgeProvider {
     var displayName: string;
 }
+/**
+ * ClassificationBadge - A specialized badge for security and data classification
+ *
+ * Provides standardized visual indicators for data classification levels such as
+ * confidential, secret, or public information. Designed for compliance with
+ * security standards and information governance requirements.
+ *
+ * @example
+ * // Basic classification badge
+ * <ClassificationBadge level="confidential" />
+ *
+ * @example
+ * // Classification with custom styling
+ * <ClassificationBadge level="secret" />
+ */
 declare function ClassificationBadge({ ref, ...props }: ClassificationBadgeProps): react_jsx_runtime.JSX.Element;
 declare namespace ClassificationBadge {
     var displayName: string;

package/dist/components/classification-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["c","props","o","ClassificationBadgeProvider","ref","useContextProps","ClassificationBadgeStylesDefaults","m","rest","C","ClassificationBadge"],"mappings":"sNAsByE,CAAA,CAAAA,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC8BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAClC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA4B,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,8BAEnC,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,EACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,cAEE,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAO,CAAA,CAAA,CAAA,gBACGE,CAAkC,CAAA,CAAAC,iCAAA,CAAA,OACzCC,CACL,IAEA,CAAA,CAAA,CAAA,CAAA,iBAEK,CAAGA,CAAAA,cAEF,CAAAC,yBAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CACD,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,qBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBadgeStyles,\n  ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\nClassificationBadgeProvider.displayName = 'ClassificationBadge.Provider';\n\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = ClassificationBadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={ClassificationBadgeStyles({\n        variant,\n        className,\n      })}\n      data-size={size}\n    >\n      {children}\n    </span>\n  );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}
+{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["c","props","o","ClassificationBadgeProvider","ref","useContextProps","ClassificationBadgeStylesDefaults","m","rest","C","ClassificationBadge"],"mappings":"sNAsByE,CAAA,CAAAA,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC8BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAClC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA4B,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,8BAiBnC,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,EACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,cAEE,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAO,CAAA,CAAA,CAAA,gBACGE,CAAkC,CAAA,CAAAC,iCAAA,CAAA,OACzCC,CACL,IAEA,CAAA,CAAA,CAAA,CAAA,iBAEK,CAAGA,CAAAA,cAEF,CAAAC,yBAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CACD,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,qBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBadgeStyles,\n  ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\nClassificationBadgeProvider.displayName = 'ClassificationBadge.Provider';\n\n/**\n * ClassificationBadge - A specialized badge for security and data classification\n *\n * Provides standardized visual indicators for data classification levels such as\n * confidential, secret, or public information. Designed for compliance with\n * security standards and information governance requirements.\n *\n * @example\n * // Basic classification badge\n * <ClassificationBadge level=\"confidential\" />\n *\n * @example\n * // Classification with custom styling\n * <ClassificationBadge level=\"secret\" />\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = ClassificationBadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={ClassificationBadgeStyles({\n        variant,\n        className,\n      })}\n      data-size={size}\n    >\n      {children}\n    </span>\n  );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}

package/dist/components/classification-banner/index.d.ts

@@ -11,6 +11,17 @@ declare function ClassificationBannerProvider({ children, ...props }: ProviderPr
 declare namespace ClassificationBannerProvider {
     var displayName: string;
 }
+/**
+ * ClassificationBanner - A prominent banner for displaying security classification
+ *
+ * Provides a full-width banner component for displaying security classification
+ * information at the top or bottom of pages. Essential for applications handling
+ * classified or sensitive information requiring clear visual indicators.
+ *
+ * @example
+ * // Top classification banner
+ * <ClassificationBanner variant="confidential" />
+ */
 declare function ClassificationBanner({ ref, ...props }: ClassificationBannerProps): react_jsx_runtime.JSX.Element;
 declare namespace ClassificationBanner {
     var displayName: string;

package/dist/components/classification-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["createContext","f","props","t","ClassificationBannerProvider","ref","useContextProps","ClassificationBannerStylesDefaults","m","rest","p","ClassificationBanner"],"mappings":"kNAsBEA,MAAuE,CAAA,CAAAC,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,UACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC+BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KACnC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA6B,eAAc,CAAA,+BAEpC,CAAA,SACL,CAAA,CAAA,CAAAC,KACGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,CAAAA,CACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,eAEE,CAAA,CAAA,CAAA,OAAUE,CAAmC,CAAA,CAAAC,kCAAA,CAAA,OAC7C,CAAA,QACA,CAAA,CAAGC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,KACE,CAAGM,IACJ,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CAEA,YAGP,CACAC,CAAAA,CAAqB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,sBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBannerStyles,\n  ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nfunction ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\nClassificationBannerProvider.displayName = 'ClassificationBanner.Provider';\n\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const {\n    className,\n    variant = ClassificationBannerStylesDefaults.variant,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      className={ClassificationBannerStyles({\n        variant,\n        className,\n      })}\n    >\n      {children}\n    </div>\n  );\n}\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.Provider = ClassificationBannerProvider;\n"]}
+{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["createContext","f","props","t","ClassificationBannerProvider","ref","useContextProps","ClassificationBannerStylesDefaults","m","rest","p","ClassificationBanner"],"mappings":"kNAsBEA,MAAuE,CAAA,CAAAC,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,UACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC+BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KACnC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA6B,eAAc,CAAA,+BAapC,CAAA,SACL,CAAA,CAAA,CAAAC,KACGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,CAAAA,CACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,eAEE,CAAA,CAAA,CAAA,OAAUE,CAAmC,CAAA,CAAAC,kCAAA,CAAA,OAC7C,CAAA,QACA,CAAA,CAAGC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,KACE,CAAGM,IACJ,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CAEA,YAGP,CACAC,CAAAA,CAAqB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,sBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBannerStyles,\n  ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nfunction ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\nClassificationBannerProvider.displayName = 'ClassificationBanner.Provider';\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const {\n    className,\n    variant = ClassificationBannerStylesDefaults.variant,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      className={ClassificationBannerStyles({\n        variant,\n        className,\n      })}\n    >\n      {children}\n    </div>\n  );\n}\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.Provider = ClassificationBannerProvider;\n"]}

package/dist/components/color-picker/styles.d.ts

@@ -37,6 +37,6 @@ declare const ColorPickerStyles: tailwind_variants.TVReturnType<{
     picker: string;
     item: string[];
     swatch: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { ColorPickerStyles };

package/dist/components/color-picker/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const i=tv({slots:{picker:"flex flex-wrap gap-s",item:["w-fit cursor-pointer outline outline-transparent","focus:outline-interactive-hover","hover:outline-interactive-hover","selected:outline-highlight"],swatch:"size-l"}});export{i as ColorPickerStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const i=tv({slots:{picker:"flex flex-wrap gap-s",item:["w-fit cursor-pointer outline outline-transparent","focus-visible:outline-interactive-hover","hover:outline-interactive-hover","selected:cursor-default selected:outline-highlight"],swatch:"size-l"}});export{i as ColorPickerStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/color-picker/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/color-picker/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,6FAGE,CAAA,iCACA,CAAA,8DAGM,CAAA,CAAA,MAEZ,CAAC,QAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ColorPickerStyles = tv({\n  slots: {\n    picker: 'flex flex-wrap gap-s',\n    item: [\n      'w-fit cursor-pointer outline outline-transparent',\n      'focus:outline-interactive-hover',\n      'hover:outline-interactive-hover',\n      'selected:outline-highlight',\n    ],\n    swatch: 'size-l',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/color-picker/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,6FAGE,CAAA,yCACA,CAAA,sFAGM,CAAA,CAAA,MAEZ,CAAC,QAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ColorPickerStyles = tv({\n  slots: {\n    picker: 'flex flex-wrap gap-s',\n    item: [\n      'w-fit cursor-pointer outline outline-transparent',\n      'focus-visible:outline-interactive-hover',\n      'hover:outline-interactive-hover',\n      'selected:cursor-default selected:outline-highlight',\n    ],\n    swatch: 'size-l',\n  },\n});\n"]}

package/dist/components/combobox-field/index.d.ts

@@ -5,6 +5,7 @@ import { OptionsDataItem } from '../options/types.js';
 import { ComboBoxFieldProps } from './types.js';
 import '../icon/types.js';
 import '../button/types.js';
+import '../../lib/types.js';
 import 'tailwind-variants';
 import '../button/styles.js';
 import 'tailwind-merge';

package/dist/components/combobox-field/styles.d.ts

@@ -4,27 +4,27 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const ComboBoxStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             popover?: tailwind_merge.ClassNameValue;
             trigger?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             popover?: tailwind_merge.ClassNameValue;
             trigger?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -39,14 +39,14 @@ declare const ComboBoxStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             popover?: tailwind_merge.ClassNameValue;
             trigger?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/combobox-field/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const i=tv({slots:{field:"group/combobox-field flex flex-col gap-xs",label:"",control:["flex items-center rounded-medium px-s py-xs outline","group-enabled/combobox-field:fg-default-light group-enabled:combobox-field:outline-interactive","group-enabled/combobox-field:placeholder:fg-default-dark","group-enabled/combobox-field:focus-within:outline-highlight","group-enabled/combobox-field:hover:outline-interactive-hover","group-enabled/combobox-field:group-invalid/combobox-field:outline-serious","group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled"],input:["font-display outline-none","group-size-medium/combobox-field:text-body-s","group-size-small/combobox-field:text-body-xs"],trigger:["fg-default-light","group-open/combobox-field:rotate-180 group-open/combobox-field:transform","group-disabled/combobox-field:fg-disabled"],description:["fg-default-dark text-body-xs","group-disabled/combobox-field:fg-disabled"],error:"fg-serious text-body-xs",popover:"-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]"}});export{i as ComboBoxStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'tailwind-variants';const i=tv({slots:{field:"group/combobox-field flex flex-col gap-xs",label:"",control:["flex items-center rounded-medium px-s py-xs outline","group-size-medium/combobox-field:min-w-[160px] group-size-medium/combobox-field:max-w-[400px]","group-size-small/combobox-field:min-w-[80px] group-size-small/combobox-field:max-w-[200px]","group-enabled/combobox-field:fg-default-light group-enabled/combobox-field:outline-interactive","group-enabled/combobox-field:placeholder:fg-default-dark","group-enabled/combobox-field:focus-visible-within:outline-highlight","group-enabled/combobox-field:hover:outline-interactive-hover","group-enabled/combobox-field:group-invalid/combobox-field:outline-serious","group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled"],input:["grow font-display outline-none","group-size-medium/combobox-field:text-body-s","group-size-small/combobox-field:text-body-xs"],trigger:["fg-default-light","group-open/combobox-field:rotate-180 group-open/combobox-field:transform","group-disabled/combobox-field:fg-disabled"],description:["fg-default-dark text-body-xs","group-disabled/combobox-field:fg-disabled"],error:"fg-serious text-body-xs",popover:"-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]"}});export{i as ComboBoxStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/combobox-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/combobox-field/styles.ts"],"names":["ComboBoxStyles","tv"],"mappings":"mCAcO,MAAMA,EAAiBC,EAAAA,CAAG,CAC/B,MAAO,CACL,KAAA,CAAO,4CACP,KAAA,CAAO,EAAA,CACP,QAAS,CACP,qDAAA,CACA,iGACA,0DAAA,CACA,6DAAA,CACA,+DACA,2EAAA,CACA,sGACF,EACA,KAAA,CAAO,CACL,4BACA,8CAAA,CACA,8CACF,EACA,OAAA,CAAS,CACP,mBACA,0EAAA,CACA,2CACF,EACA,WAAA,CAAa,CACX,+BACA,2CACF,CAAA,CACA,MAAO,yBAAA,CACP,OAAA,CAAS,+DACX,CACF,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const ComboBoxStyles = tv({\n  slots: {\n    field: 'group/combobox-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex items-center rounded-medium px-s py-xs outline',\n      'group-enabled/combobox-field:fg-default-light group-enabled:combobox-field:outline-interactive',\n      'group-enabled/combobox-field:placeholder:fg-default-dark',\n      'group-enabled/combobox-field:focus-within:outline-highlight',\n      'group-enabled/combobox-field:hover:outline-interactive-hover',\n      'group-enabled/combobox-field:group-invalid/combobox-field:outline-serious',\n      'group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled',\n    ],\n    input: [\n      'font-display outline-none',\n      'group-size-medium/combobox-field:text-body-s',\n      'group-size-small/combobox-field:text-body-xs',\n    ],\n    trigger: [\n      'fg-default-light',\n      'group-open/combobox-field:rotate-180 group-open/combobox-field:transform',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n    popover: '-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/combobox-field/styles.ts"],"names":["ComboBoxStyles","tv"],"mappings":"mCAcO,MAAMA,EAAiBC,EAAAA,CAAG,CAC/B,MAAO,CACL,KAAA,CAAO,4CACP,KAAA,CAAO,EAAA,CACP,QAAS,CACP,qDAAA,CACA,gGACA,4FAAA,CACA,gGAAA,CACA,0DAAA,CACA,qEAAA,CACA,8DAAA,CACA,2EAAA,CACA,sGACF,CAAA,CACA,KAAA,CAAO,CACL,gCAAA,CACA,8CAAA,CACA,8CACF,CAAA,CACA,OAAA,CAAS,CACP,kBAAA,CACA,0EAAA,CACA,2CACF,EACA,WAAA,CAAa,CACX,+BACA,2CACF,CAAA,CACA,MAAO,yBAAA,CACP,OAAA,CAAS,+DACX,CACF,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const ComboBoxStyles = tv({\n  slots: {\n    field: 'group/combobox-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex items-center rounded-medium px-s py-xs outline',\n      'group-size-medium/combobox-field:min-w-[160px] group-size-medium/combobox-field:max-w-[400px]',\n      'group-size-small/combobox-field:min-w-[80px] group-size-small/combobox-field:max-w-[200px]',\n      'group-enabled/combobox-field:fg-default-light group-enabled/combobox-field:outline-interactive',\n      'group-enabled/combobox-field:placeholder:fg-default-dark',\n      'group-enabled/combobox-field:focus-visible-within:outline-highlight',\n      'group-enabled/combobox-field:hover:outline-interactive-hover',\n      'group-enabled/combobox-field:group-invalid/combobox-field:outline-serious',\n      'group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled',\n    ],\n    input: [\n      'grow font-display outline-none',\n      'group-size-medium/combobox-field:text-body-s',\n      'group-size-small/combobox-field:text-body-xs',\n    ],\n    trigger: [\n      'fg-default-light',\n      'group-open/combobox-field:rotate-180 group-open/combobox-field:transform',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n    popover: '-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]',\n  },\n});\n"]}

package/dist/components/combobox-field/types.d.ts

@@ -2,6 +2,7 @@ import { RefAttributes } from 'react';
 import { ComboBoxProps, VirtualizerProps, ListLayoutOptions, LabelProps, InputProps, FieldErrorProps, PopoverProps } from 'react-aria-components';
 import { ButtonProps } from '../button/types.js';
 import { OptionsDataItem, OptionsProps } from '../options/types.js';
+import '../../lib/types.js';
 import 'tailwind-variants';
 import '../button/styles.js';
 import 'tailwind-merge';

package/dist/components/date-field/index.d.ts

@@ -1,12 +1,54 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DateValue } from '@internationalized/date';
 import { DateFieldProps } from './types.js';
-import 'react';
 import 'react-aria-components';
 import 'tailwind-variants';
 import './styles.js';
-import 'tailwind-merge';
 
-declare function DateField<T extends DateValue>({ classNames, description: descriptionProp, errorMessage: errorMessageProp, isDisabled, isInvalid: isInvalidProp, isReadOnly, label, placeholder, slot, size, shortMonth, isRequired, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+/**
+ * DateField - A comprehensive date input component with segmented editing
+ *
+ * Provides accessible date input functionality with separate segments for day,
+ * month, and year. Includes calendar icon, validation states, and international
+ * date format support with keyboard navigation between segments.
+ *
+ * @example
+ * // Basic date field
+ * <DateField label="Birth Date" />
+ *
+ * @example
+ * // Date field with validation
+ * <DateField
+ *   label="Event Date"
+ *   isRequired
+ *   isInvalid={hasError}
+ *   errorMessage="Please select a valid date"
+ * />
+ *
+ * @example
+ * // Date field with custom formatting
+ * <DateField
+ *   label="Meeting Date"
+ *   shortMonth={false}
+ *   placeholder="Select meeting date"
+ * />
+ *
+ * @example
+ * // Compact date field
+ * <DateField
+ *   label="Due Date"
+ *   size="small"
+ *   description="When is this task due?"
+ * />
+ *
+ * @example
+ * // Controlled date field
+ * <DateField
+ *   label="Selected Date"
+ *   value={selectedDate}
+ *   onChange={setSelectedDate}
+ * />
+ */
+declare function DateField<T extends DateValue>({ classNames, description: descriptionProp, errorMessage: errorMessageProp, inputProps, label: labelProp, size, shortMonth, shouldForceLeadingZeros, isDisabled, isInvalid: isInvalidProp, isRequired, ...rest }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
 
 export { DateField };

package/dist/components/date-field/index.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import A from'@accelint/icons/calendar';import {DateField,composeRenderProps,Text,FieldError,DateInput,DateSegment}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {DateFieldStyles}from'./styles.js';const{field:v,dateInput:E,dateInputContainer:C,icon:L,descriptionText:V,error:J,dateSegment:O}=DateFieldStyles(),U=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],k=({value:e,isFocused:r,isPlaceholder:a,placeholder:n,isReadOnly:i,shortMonth:l})=>{if(a)return n;let o=`${e}`;return !i&&r?o=o.padStart(2,"0"):l&&(o=U[(e??0)-1]),o},q=({segment:e,shortMonth:r,...a})=>e.type==="literal"&&e.text!==":"?jsx(Fragment,{}):jsx(DateSegment,{segment:e,className:O({}),...a,children:e.type==="month"?n=>jsx(k,{...n,shortMonth:r}):e.text}),z=({className:e,ref:r=null,size:a,...n})=>jsxs("div",{className:C({}),children:[a==="medium"?jsx(Icon,{className:L({}),children:jsx(A,{})}):null,jsx(DateInput,{...n,className:composeRenderProps(e,i=>E({className:i})),"data-size":a})]});function Q({classNames:e,description:r,errorMessage:a,isDisabled:n,isInvalid:i,isReadOnly:l,label:o,placeholder:B,slot:S,size:p="medium",shortMonth:g=true,isRequired:F,...h}){const D=a||null,u=p==="small";return jsx(DateField,{...h,isDisabled:n,isInvalid:i||(D?true:void 0),isReadOnly:l,slot:S,className:composeRenderProps(e?.field,s=>v({className:s})),children:({isDisabled:s,isInvalid:y})=>jsxs(Fragment,{children:[!u&&o&&jsx(Label,{className:e?.label,isDisabled:s,isRequired:F,children:o}),jsx(z,{className:e?.input,size:p,isInvalid:y,children:m=>jsx(q,{segment:m,shortMonth:g})}),r&&(!(u||i)||s)&&jsx(Text,{className:V({}),slot:"description",children:r}),jsx(FieldError,{className:composeRenderProps(e?.error,m=>J({className:m})),children:D})]})})}export{Q as DateField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import x from'@accelint/icons/calendar';import {DateField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {DateFieldStyles,DateFieldStylesDefaults}from'./styles.js';const{field:q,label:D,control:B,input:G,segment:Y,description:Z,error:w}=DateFieldStyles(),z=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];function $({classNames:i,description:d,errorMessage:A,inputProps:b,label:s,size:n="medium",shortMonth:t=DateFieldStylesDefaults.shortMonth,shouldForceLeadingZeros:y=true,isDisabled:N,isInvalid:m,isRequired:u,...T}){const p=A||null,c=n==="small";return jsx(DateField,{...T,className:composeRenderProps(i?.field,r=>q({className:r,shortMonth:t})),shouldForceLeadingZeros:y,isDisabled:N,isInvalid:m||(p?true:void 0),isRequired:u,"aria-label":s,"data-size":n,children:({isDisabled:r})=>jsxs(Fragment,{children:[!c&&D&&jsx(Label,{className:D({className:i?.label,shortMonth:t}),isDisabled:r,isRequired:u,children:s}),jsxs("div",{className:B({className:i?.control,shortMonth:t}),children:[n==="medium"&&jsx(Icon,{children:jsx(x,{})}),jsx(DateInput,{...b,className:composeRenderProps(i?.input,a=>G({className:a,shortMonth:t})),children:a=>a.type==="literal"?jsx(Fragment,{children:a.text===":"?":":null}):jsx(DateSegment,{className:composeRenderProps(i?.segment,o=>Y({className:o,shortMonth:t})),segment:a,children:({placeholder:o,text:I,value:S,isFocused:g,isPlaceholder:v})=>v?o:a.type==="month"&&t&&!g?z[(S??0)-1]:I})})]}),d&&(!(c||m)||r)&&jsx(Text,{className:Z({className:i?.description,shortMonth:t}),slot:"description",children:d}),jsx(FieldError,{className:composeRenderProps(i?.error,a=>w({className:a,shortMonth:t})),children:p})]})})}export{$ as DateField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/date-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["dateInput","descriptionText","error","DateFieldStyles","R","value","isFocused","shortMonth","displayValue","isReadOnly","months","FormattedDateSegment","segment","jsx","DateSegment","t","c","dateSegment","DateInput","className","ref","props","jsxs","dateInputContainer","f","icon","d","classNames","isInvalidProp","isSmall","size","AriaDateField","field","isDisabled","isInvalid","label","Label","b","isRequired","AriaText","T","descriptionProp","errorMessage"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport Calendar from '@accelint/icons/calendar';\nimport type { DateValue } from '@internationalized/date';\nimport type { DateSegment as TDateSegment } from '@react-stately/datepicker';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  type DateSegmentProps as AriaDateSegmentProps,\n  Text as AriaText,\n  DateSegment,\n  type DateSegmentRenderProps,\n  FieldError,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { DateFieldStyles } from './styles';\nimport type { DateFieldProps, DateInputProps } from './types';\n\nconst {\n  field,\n  dateInput,\n  dateInputContainer,\n  icon,\n  descriptionText,\n  error,\n  dateSegment,\n} = DateFieldStyles();\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\nconst MonthDateSegment = ({\n  value,\n  isFocused,\n  isPlaceholder,\n  placeholder,\n  isReadOnly,\n  shortMonth,\n}: DateSegmentRenderProps & { shortMonth?: boolean }) => {\n  if (isPlaceholder) {\n    return placeholder;\n  }\n\n  let displayValue: string | undefined = `${value}`;\n\n  if (!isReadOnly && isFocused) {\n    displayValue = displayValue.padStart(2, '0');\n  } else if (shortMonth) {\n    displayValue = months[(value ?? 0) - 1];\n  }\n\n  return displayValue;\n};\n\ninterface FormattedDateSegmentProps extends AriaDateSegmentProps {\n  segment: TDateSegment;\n  shortMonth?: boolean;\n}\n\nconst FormattedDateSegment = ({\n  segment,\n  shortMonth,\n  ...props\n}: FormattedDateSegmentProps) => {\n  if (segment.type === 'literal' && segment.text !== ':') {\n    return <></>;\n  }\n\n  return (\n    <DateSegment segment={segment} className={dateSegment({})} {...props}>\n      {segment.type === 'month'\n        ? (renderProps) => (\n            <MonthDateSegment {...renderProps} shortMonth={shortMonth} />\n          )\n        : segment.text}\n    </DateSegment>\n  );\n};\n\nconst DateInput = ({\n  className,\n  ref = null,\n  size,\n  ...props\n}: DateInputProps) => {\n  return (\n    <div className={dateInputContainer({})}>\n      {size === 'medium' ? (\n        <Icon className={icon({})}>\n          <Calendar />\n        </Icon>\n      ) : null}\n      <AriaDateInput\n        {...props}\n        className={composeRenderProps(className, (className) =>\n          dateInput({\n            className,\n          }),\n        )}\n        data-size={size}\n      />\n    </div>\n  );\n};\n\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isReadOnly,\n  label,\n  placeholder,\n  slot,\n  size = 'medium',\n  shortMonth = true,\n  isRequired,\n  ...props\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...props}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isReadOnly={isReadOnly}\n      slot={slot}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n    >\n      {(\n        { isDisabled, isInvalid }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && label && (\n            <Label\n              className={classNames?.label}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          <DateInput\n            className={classNames?.input}\n            size={size}\n            isInvalid={isInvalid}\n          >\n            {(segment) => (\n              <FormattedDateSegment segment={segment} shortMonth={shortMonth} />\n            )}\n          </DateInput>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText className={descriptionText({})} slot='description'>\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaDateField>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["control","input","description","DateFieldStyles","O","classNames","shortMonth","DateFieldStylesDefaults","k","shouldForceLeadingZeros","isInvalidProp","isRequired","isSmall","size","AriaDateField","rest","E","className","field","l","isDisabled","label","Label","f","e","V","labelProp","F","jsx","AriaDateInput","composeRenderProps","L","Fragment","segmentProp","DateSegment","C","placeholder","isFocused","months","descriptionProp","AriaText","error"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport Calendar from '@accelint/icons/calendar';\nimport type { DateValue } from '@internationalized/date';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  DateSegment,\n  FieldError,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { DateFieldStyles, DateFieldStylesDefaults } from './styles';\nimport type { DateFieldProps } from './types';\n\nconst { field, label, control, input, segment, description, error } =\n  DateFieldStyles();\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\n/**\n * DateField - A comprehensive date input component with segmented editing\n *\n * Provides accessible date input functionality with separate segments for day,\n * month, and year. Includes calendar icon, validation states, and international\n * date format support with keyboard navigation between segments.\n *\n * @example\n * // Basic date field\n * <DateField label=\"Birth Date\" />\n *\n * @example\n * // Date field with validation\n * <DateField\n *   label=\"Event Date\"\n *   isRequired\n *   isInvalid={hasError}\n *   errorMessage=\"Please select a valid date\"\n * />\n *\n * @example\n * // Date field with custom formatting\n * <DateField\n *   label=\"Meeting Date\"\n *   shortMonth={false}\n *   placeholder=\"Select meeting date\"\n * />\n *\n * @example\n * // Compact date field\n * <DateField\n *   label=\"Due Date\"\n *   size=\"small\"\n *   description=\"When is this task due?\"\n * />\n *\n * @example\n * // Controlled date field\n * <DateField\n *   label=\"Selected Date\"\n *   value={selectedDate}\n *   onChange={setSelectedDate}\n * />\n */\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  inputProps,\n  label: labelProp,\n  size = 'medium',\n  shortMonth = DateFieldStylesDefaults.shortMonth,\n  shouldForceLeadingZeros = true,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  ...rest\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className, shortMonth }),\n      )}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isRequired={isRequired}\n      aria-label={labelProp}\n      data-size={size}\n    >\n      {(\n        { isDisabled }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && label && (\n            <Label\n              className={label({ className: classNames?.label, shortMonth })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div\n            className={control({ className: classNames?.control, shortMonth })}\n          >\n            {size === 'medium' && (\n              <Icon>\n                <Calendar />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({\n                  className,\n                  shortMonth,\n                }),\n              )}\n            >\n              {(segmentProp) => {\n                // Remove extra space and punctuation from input display\n                if (segmentProp.type === 'literal') {\n                  return <>{segmentProp.text === ':' ? ':' : null}</>;\n                }\n\n                return (\n                  <DateSegment\n                    className={composeRenderProps(\n                      classNames?.segment,\n                      (className) => segment({ className, shortMonth }),\n                    )}\n                    segment={segmentProp}\n                  >\n                    {({\n                      placeholder,\n                      text,\n                      value,\n                      isFocused,\n                      isPlaceholder,\n                    }) => {\n                      if (isPlaceholder) {\n                        return placeholder;\n                      }\n\n                      return segmentProp.type === 'month' &&\n                        shortMonth &&\n                        !isFocused\n                        ? months[(value ?? 0) - 1]\n                        : text;\n                    }}\n                  </DateSegment>\n                );\n              }}\n            </AriaDateInput>\n          </div>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText\n              className={description({\n                className: classNames?.description,\n                shortMonth,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className, shortMonth }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaDateField>\n  );\n}\n"]}

package/dist/components/date-field/styles.d.ts

@@ -1,69 +1,59 @@
 import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
 
-declare const DateFieldStylesDefault: {
-    readonly size: "medium";
+declare const DateFieldStylesDefaults: {
+    readonly shortMonth: true;
 };
 declare const DateFieldStyles: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            dateInputContainer?: tailwind_merge.ClassNameValue;
-            dateSegment?: tailwind_merge.ClassNameValue;
-            dateInput?: tailwind_merge.ClassNameValue;
-            descriptionText?: tailwind_merge.ClassNameValue;
+    shortMonth: {
+        true: {
+            segment: string[];
         };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            dateInputContainer?: tailwind_merge.ClassNameValue;
-            dateSegment?: tailwind_merge.ClassNameValue;
-            dateInput?: tailwind_merge.ClassNameValue;
-            descriptionText?: tailwind_merge.ClassNameValue;
+        false: {
+            segment: string[];
         };
     };
-} | {}, {
+}, {
     field: string;
-    dateInput: string[];
-    dateInputContainer: string;
-    icon: string[];
-    descriptionText: string[];
+    label: string;
+    control: string[];
+    input: string;
+    segment: string[];
+    description: string[];
     error: string;
-    dateSegment: string;
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            dateInputContainer?: tailwind_merge.ClassNameValue;
-            dateSegment?: tailwind_merge.ClassNameValue;
-            dateInput?: tailwind_merge.ClassNameValue;
-            descriptionText?: tailwind_merge.ClassNameValue;
+    shortMonth: {
+        true: {
+            segment: string[];
+        };
+        false: {
+            segment: string[];
         };
     };
-} | {}, {
+}, {
     field: string;
-    dateInput: string[];
-    dateInputContainer: string;
-    icon: string[];
-    descriptionText: string[];
+    label: string;
+    control: string[];
+    input: string;
+    segment: string[];
+    description: string[];
     error: string;
-    dateSegment: string;
-}, tailwind_variants.TVReturnType<unknown, {
+}, tailwind_variants.TVReturnType<{
+    shortMonth: {
+        true: {
+            segment: string[];
+        };
+        false: {
+            segment: string[];
+        };
+    };
+}, {
     field: string;
-    dateInput: string[];
-    dateInputContainer: string;
-    icon: string[];
-    descriptionText: string[];
+    label: string;
+    control: string[];
+    input: string;
+    segment: string[];
+    description: string[];
     error: string;
-    dateSegment: string;
 }, undefined, unknown, unknown, undefined>>;
 
-export { DateFieldStyles, DateFieldStylesDefault };
+export { DateFieldStyles, DateFieldStylesDefaults };

package/dist/components/date-field/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const t={size:"medium"},d=tv({slots:{field:"group/date-field flex flex-col gap-xs",dateInput:["group/date-field flex w-full gap-xs rounded-medium px-s py-xs font-display outline outline-interactive","disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled","text-default-light placeholder:text-default-dark focus-within:outline-highlight hover:outline-interactive-hover","invalid:outline-serious","size-medium:pl-[32px] size-medium:text-body-s","size-small:text-body-xs"],dateInputContainer:"relative flex",icon:["-translate-y-1/2 absolute top-1/2 left-s text-default-light","group-disabled/date-field:text-disabled"],descriptionText:["fg-default-dark text-body-xs empty:hidden","group-disabled/date-field:fg-disabled"],error:"fg-serious text-body-xs empty:hidden",dateSegment:"focus:bg-highlight focus:text-inverse-light focus:outline-none"},defaultVariants:t});export{d as DateFieldStyles,t as DateFieldStylesDefault};//# sourceMappingURL=styles.js.map
+import {tv}from'tailwind-variants';const t={shortMonth:true},l=tv({slots:{field:"group/date-field flex flex-col gap-xs",label:"",control:["flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive","group-size-medium/date-field:text-body-s","group-size-small/date-field:text-body-xs","text-default-light","hover:outline-interactive-hover","focus-visible-within:outline-highlight","group-invalid/date-field:outline-serious","group-disabled/date-field:text-disabled group-disabled/date-field:outline-interactive-disabled group-disabled/date-field:placeholder:text-disabled"],input:"flex gap-xs",segment:["text-right","placeholder-shown:text-default-dark","focus-visible:bg-highlight focus-visible:text-inverse-light focus-visible:outline-none"],description:["fg-default-dark text-body-xs","group-disabled/date-field:fg-disabled"],error:"fg-serious text-body-xs"},variants:{shortMonth:{true:{segment:["group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]"]},false:{segment:["group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]"]}}},defaultVariants:t});export{l as DateFieldStyles,t as DateFieldStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/date-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-field/styles.ts"],"names":["DateFieldStylesDefault","DateFieldStyles","tv"],"mappings":"mCAcO,MAAMA,EAAyB,CACpC,IAAA,CAAM,QACR,CAAA,CAEaC,CAAAA,CAAkBC,GAAG,CAChC,KAAA,CAAO,CACL,KAAA,CAAO,uCAAA,CACP,UAAW,CACT,wGAAA,CACA,kGACA,iHAAA,CACA,yBAAA,CACA,gDACA,yBACF,CAAA,CACA,mBAAoB,eAAA,CACpB,IAAA,CAAM,CACJ,6DAAA,CACA,yCACF,EACA,eAAA,CAAiB,CACf,4CACA,uCACF,CAAA,CACA,MAAO,sCAAA,CACP,WAAA,CACE,gEACJ,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const DateFieldStylesDefault = {\n  size: 'medium',\n} as const;\n\nexport const DateFieldStyles = tv({\n  slots: {\n    field: 'group/date-field flex flex-col gap-xs',\n    dateInput: [\n      'group/date-field flex w-full gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n      'disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled',\n      'text-default-light placeholder:text-default-dark focus-within:outline-highlight hover:outline-interactive-hover',\n      'invalid:outline-serious',\n      'size-medium:pl-[32px] size-medium:text-body-s',\n      'size-small:text-body-xs',\n    ],\n    dateInputContainer: 'relative flex',\n    icon: [\n      '-translate-y-1/2 absolute top-1/2 left-s text-default-light',\n      'group-disabled/date-field:text-disabled',\n    ],\n    descriptionText: [\n      'fg-default-dark text-body-xs empty:hidden',\n      'group-disabled/date-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs empty:hidden',\n    dateSegment:\n      'focus:bg-highlight focus:text-inverse-light focus:outline-none',\n  },\n  defaultVariants: DateFieldStylesDefault,\n});\n"]}
+{"version":3,"sources":["../../../src/components/date-field/styles.ts"],"names":["DateFieldStylesDefaults","DateFieldStyles","tv"],"mappings":"mCAcO,MAAMA,EAA0B,CACrC,UAAA,CAAY,IACd,CAAA,CAEaC,CAAAA,CAAkBC,EAAAA,CAAG,CAChC,KAAA,CAAO,CACL,KAAA,CAAO,uCAAA,CACP,KAAA,CAAO,EAAA,CACP,OAAA,CAAS,CACP,oGAAA,CACA,0CAAA,CACA,2CACA,oBAAA,CACA,iCAAA,CACA,wCAAA,CACA,0CAAA,CACA,oJACF,CAAA,CACA,KAAA,CAAO,aAAA,CACP,QAAS,CACP,YAAA,CACA,qCAAA,CACA,wFACF,CAAA,CACA,WAAA,CAAa,CACX,8BAAA,CACA,uCACF,CAAA,CACA,KAAA,CAAO,yBACT,CAAA,CACA,QAAA,CAAU,CACR,UAAA,CAAY,CACV,KAAM,CACJ,OAAA,CAAS,CACP,4FAAA,CACA,4FACF,CACF,CAAA,CACA,KAAA,CAAO,CACL,OAAA,CAAS,CACP,4FAAA,CACA,4FACF,CACF,CACF,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const DateFieldStylesDefaults = {\n  shortMonth: true,\n} as const;\n\nexport const DateFieldStyles = tv({\n  slots: {\n    field: 'group/date-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n      'group-size-medium/date-field:text-body-s',\n      'group-size-small/date-field:text-body-xs',\n      'text-default-light',\n      'hover:outline-interactive-hover',\n      'focus-visible-within:outline-highlight',\n      'group-invalid/date-field:outline-serious',\n      'group-disabled/date-field:text-disabled group-disabled/date-field:outline-interactive-disabled group-disabled/date-field:placeholder:text-disabled',\n    ],\n    input: 'flex gap-xs',\n    segment: [\n      'text-right',\n      'placeholder-shown:text-default-dark',\n      'focus-visible:bg-highlight focus-visible:text-inverse-light focus-visible:outline-none',\n    ],\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/date-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n  },\n  variants: {\n    shortMonth: {\n      true: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n      false: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n    },\n  },\n  defaultVariants: DateFieldStylesDefaults,\n});\n"]}

package/dist/components/date-field/types.d.ts

@@ -1,29 +1,26 @@
-import { ForwardedRef } from 'react';
-import { DateValue, DateFieldProps as DateFieldProps$1, DateInputProps as DateInputProps$1, LabelProps, FieldErrorProps } from 'react-aria-components';
+import { DateValue, DateFieldProps as DateFieldProps$1, LabelProps, DateInputProps, DateSegmentProps, FieldErrorProps } from 'react-aria-components';
 import { VariantProps } from 'tailwind-variants';
 import { DateFieldStyles } from './styles.js';
-import 'tailwind-merge';
 
-interface DateInputProps extends VariantProps<typeof DateFieldStyles>, Omit<DateInputProps$1, 'size'> {
-    ref?: ForwardedRef<HTMLDivElement>;
-    size?: 'small' | 'medium';
-    isInvalid?: boolean;
-}
-interface DateFieldProps<T extends DateValue> extends VariantProps<typeof DateFieldStyles>, Omit<DateFieldProps$1<T>, 'style' | 'className'>, Omit<DateInputProps$1, 'children' | 'style'> {
+type DateFieldProps<T extends DateValue> = Omit<DateFieldProps$1<T>, 'children' | 'className' | 'placeholder'> & VariantProps<typeof DateFieldStyles> & {
     classNames?: {
         field?: DateFieldProps$1<T>['className'];
         label?: LabelProps['className'];
+        control?: string;
         input?: DateInputProps['className'];
+        segment?: DateSegmentProps['className'];
         description?: string;
         error?: FieldErrorProps['className'];
     };
-    size?: 'small' | 'medium';
+    label?: string;
     description?: string;
     errorMessage?: string;
-    label?: string;
-    placeholder?: string;
+    inputProps?: Omit<DateInputProps, 'children' | 'className'>;
+    /**
+     * When true, will convert month value to 3 letter abbreviation when not editing
+     */
     shortMonth?: boolean;
-    isRequired?: boolean;
-}
+    size?: 'small' | 'medium';
+};
 
-export type { DateFieldProps, DateInputProps };
+export type { DateFieldProps };

package/dist/components/details-list/styles.d.ts

@@ -60,6 +60,6 @@ declare const DetailsListStyles: tailwind_variants.TVReturnType<{
     list: string;
     label: string;
     value: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { DetailsListStyles, DetailsListStylesDefaults };