@dev-dga/react 0.11.0 → 0.12.0

package/dist/{chunk-CISRE6BC.cjs.map → chunk-T3NVC7UU.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CISRE6BC.cjs","../src/components/Sidebar/Sidebar.tsx"],"names":["value"],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CISRE6BC.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\nimport { Drawer, DrawerContent } from '../Drawer';\nimport { PanelLeft } from '../../internal/icons';\nimport { SidebarContext, useSidebar, type SidebarContextValue } from './SidebarContext';\nimport { useIsMobile } from './useIsMobile';\n\n// ─── SidebarProvider ─── //\n\ninterface SidebarProviderProps extends React.ComponentProps<'div'> {\n  /** Uncontrolled initial desktop state. Default true (expanded). */\n  defaultOpen?: boolean;\n  /** Controlled desktop open state. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Viewport width (px) below which the mobile Drawer engages. Default 768. */\n  mobileBreakpoint?: number;\n  /** Register Cmd/Ctrl+B to toggle. Default true. */\n  keyboardShortcut?: boolean;\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange,\n  mobileBreakpoint = 768,\n  keyboardShortcut = true,\n  className,\n  style,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile(mobileBreakpoint);\n  const [openMobile, setOpenMobile] = useState(false);\n\n  const isControlled = openProp !== undefined;\n  const [openInternal, setOpenInternal] = useState(defaultOpen);\n  const open = isControlled ? (openProp as boolean) : openInternal;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setOpenInternal(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((v) => !v);\n      return;\n    }\n    if (isControlled) {\n      onOpenChange?.(!open);\n    } else {\n      setOpenInternal((v) => !v);\n    }\n  }, [isMobile, isControlled, onOpenChange, open]);\n\n  useEffect(() => {\n    if (!keyboardShortcut) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key.toLowerCase() === 'b' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        toggleSidebar();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [keyboardShortcut, toggleSidebar]);\n\n  const state: 'expanded' | 'collapsed' = open ? 'expanded' : 'collapsed';\n\n  const value = useMemo<SidebarContextValue>(\n    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),\n    [state, open, setOpen, openMobile, isMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={value}>\n      <div\n        data-slot=\"sidebar-wrapper\"\n        className={cn('ddga-sidebar-wrapper', className)}\n        style={style}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\n\n// ─── Sidebar (container) ─── //\n\ninterface SidebarProps extends React.ComponentProps<'div'> {\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'icon' | 'offcanvas' | 'none';\n  /** Logical side; flips with dir. Default 'start'. */\n  side?: 'start' | 'end';\n}\n\nfunction Sidebar({\n  variant = 'sidebar',\n  collapsible = 'icon',\n  side = 'start',\n  className,\n  children,\n  'aria-label': ariaLabel = 'Sidebar',\n  ...props\n}: SidebarProps) {\n  const { isMobile, openMobile, setOpenMobile, state } = useSidebar();\n\n  if (isMobile) {\n    return (\n      <Drawer open={openMobile} onOpenChange={setOpenMobile}>\n        <DrawerContent\n          side={side}\n          size=\"sm\"\n          aria-label={ariaLabel}\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          data-variant={variant}\n          data-side={side}\n          className={cn('ddga-sidebar', 'ddga-sidebar--mobile', className)}\n          {...props}\n        >\n          {children}\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  return (\n    <aside\n      data-slot=\"sidebar\"\n      aria-label={ariaLabel}\n      data-state={state}\n      data-collapsible={collapsible}\n      data-variant={variant}\n      data-side={side}\n      className={cn('ddga-sidebar', className)}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\n// ─── Trigger / Rail / Inset ─── //\n\ninterface SidebarTriggerProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n}\n\nfunction SidebarTrigger({\n  asChild,\n  className,\n  onClick,\n  children,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: SidebarTriggerProps) {\n  const { toggleSidebar, open, openMobile, isMobile } = useSidebar();\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-trigger\"\n      // Don't override the child element's accessible name when asChild.\n      aria-label={asChild ? undefined : ariaLabel}\n      aria-haspopup={isMobile ? 'dialog' : undefined}\n      aria-expanded={isMobile ? openMobile : open}\n      className={cn('ddga-sidebar__trigger', className)}\n      onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      {children ?? <PanelLeft aria-hidden=\"true\" />}\n    </Comp>\n  );\n}\n\nfunction SidebarRail({\n  className,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"sidebar-rail\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      tabIndex={-1}\n      className={cn('ddga-sidebar__rail', className)}\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n}\n\ninterface SidebarInsetProps extends React.ComponentProps<'main'> {\n  asChild?: boolean;\n  /**\n   * Make the inset its own vertical scroll region: tall content scrolls inside\n   * it (the sidebar + footer stay put) with zero consumer layout CSS — no\n   * `flex` / `min-block-size:0` / `overflow-y:auto` boilerplate. The whole inset\n   * scrolls, header included; for a fixed header with only the body scrolling,\n   * leave this off and compose a nested scroll region inside the inset (see the\n   * App shell story).\n   */\n  scrollable?: boolean;\n}\n\nfunction SidebarInset({ asChild, scrollable, className, ...props }: SidebarInsetProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'main';\n  return (\n    <Comp\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        'ddga-sidebar-inset',\n        scrollable && 'ddga-sidebar-inset--scrollable',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n// ─── Structure ─── //\n\ntype SidebarSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\nfunction SidebarHeader({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-header\" className={cn('ddga-sidebar__header', className)} {...props} />\n  );\n}\n\nfunction SidebarContent({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-content\"\n      className={cn('ddga-sidebar__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-footer\" className={cn('ddga-sidebar__footer', className)} {...props} />\n  );\n}\n\nfunction SidebarSeparator({ className, ...props }: React.ComponentProps<'hr'>) {\n  return (\n    <hr\n      data-slot=\"sidebar-separator\"\n      className={cn('ddga-sidebar__separator', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport { SidebarProvider };\nexport type { SidebarProviderProps };\n\nexport { Sidebar };\nexport type { SidebarProps };\n\nexport { SidebarTrigger, SidebarRail, SidebarInset };\nexport type { SidebarTriggerProps, SidebarInsetProps };\n\nexport { SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator };\nexport type { SidebarSectionProps };\n\nexport { useSidebar };\nexport type { SidebarContextValue };\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-T3NVC7UU.cjs","../src/components/Sidebar/Sidebar.tsx"],"names":["value"],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-T3NVC7UU.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\nimport { Drawer, DrawerContent } from '../Drawer';\nimport { PanelLeft } from '../../internal/icons';\nimport { SidebarContext, useSidebar, type SidebarContextValue } from './SidebarContext';\nimport { useIsMobile } from './useIsMobile';\n\n// ─── SidebarProvider ─── //\n\ninterface SidebarProviderProps extends React.ComponentProps<'div'> {\n  /** Uncontrolled initial desktop state. Default true (expanded). */\n  defaultOpen?: boolean;\n  /** Controlled desktop open state. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Viewport width (px) below which the mobile Drawer engages. Default 768. */\n  mobileBreakpoint?: number;\n  /** Register Cmd/Ctrl+B to toggle. Default true. */\n  keyboardShortcut?: boolean;\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange,\n  mobileBreakpoint = 768,\n  keyboardShortcut = true,\n  className,\n  style,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile(mobileBreakpoint);\n  const [openMobile, setOpenMobile] = useState(false);\n\n  const isControlled = openProp !== undefined;\n  const [openInternal, setOpenInternal] = useState(defaultOpen);\n  const open = isControlled ? (openProp as boolean) : openInternal;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setOpenInternal(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((v) => !v);\n      return;\n    }\n    if (isControlled) {\n      onOpenChange?.(!open);\n    } else {\n      setOpenInternal((v) => !v);\n    }\n  }, [isMobile, isControlled, onOpenChange, open]);\n\n  useEffect(() => {\n    if (!keyboardShortcut) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key.toLowerCase() === 'b' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        toggleSidebar();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [keyboardShortcut, toggleSidebar]);\n\n  const state: 'expanded' | 'collapsed' = open ? 'expanded' : 'collapsed';\n\n  const value = useMemo<SidebarContextValue>(\n    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),\n    [state, open, setOpen, openMobile, isMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={value}>\n      <div\n        data-slot=\"sidebar-wrapper\"\n        className={cn('ddga-sidebar-wrapper', className)}\n        style={style}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\n\n// ─── Sidebar (container) ─── //\n\ninterface SidebarProps extends React.ComponentProps<'div'> {\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'icon' | 'offcanvas' | 'none';\n  /** Logical side; flips with dir. Default 'start'. */\n  side?: 'start' | 'end';\n}\n\nfunction Sidebar({\n  variant = 'sidebar',\n  collapsible = 'icon',\n  side = 'start',\n  className,\n  children,\n  'aria-label': ariaLabel = 'Sidebar',\n  ...props\n}: SidebarProps) {\n  const { isMobile, openMobile, setOpenMobile, state } = useSidebar();\n\n  if (isMobile) {\n    return (\n      <Drawer open={openMobile} onOpenChange={setOpenMobile}>\n        <DrawerContent\n          side={side}\n          size=\"sm\"\n          aria-label={ariaLabel}\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          data-variant={variant}\n          data-side={side}\n          className={cn('ddga-sidebar', 'ddga-sidebar--mobile', className)}\n          {...props}\n        >\n          {children}\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  return (\n    <aside\n      data-slot=\"sidebar\"\n      aria-label={ariaLabel}\n      data-state={state}\n      data-collapsible={collapsible}\n      data-variant={variant}\n      data-side={side}\n      className={cn('ddga-sidebar', className)}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\n// ─── Trigger / Rail / Inset ─── //\n\ninterface SidebarTriggerProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n}\n\nfunction SidebarTrigger({\n  asChild,\n  className,\n  onClick,\n  children,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: SidebarTriggerProps) {\n  const { toggleSidebar, open, openMobile, isMobile } = useSidebar();\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-trigger\"\n      // Don't override the child element's accessible name when asChild.\n      aria-label={asChild ? undefined : ariaLabel}\n      aria-haspopup={isMobile ? 'dialog' : undefined}\n      aria-expanded={isMobile ? openMobile : open}\n      className={cn('ddga-sidebar__trigger', className)}\n      onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      {children ?? <PanelLeft aria-hidden=\"true\" />}\n    </Comp>\n  );\n}\n\nfunction SidebarRail({\n  className,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"sidebar-rail\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      tabIndex={-1}\n      className={cn('ddga-sidebar__rail', className)}\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n}\n\ninterface SidebarInsetProps extends React.ComponentProps<'main'> {\n  asChild?: boolean;\n  /**\n   * Make the inset its own vertical scroll region: tall content scrolls inside\n   * it (the sidebar + footer stay put) with zero consumer layout CSS — no\n   * `flex` / `min-block-size:0` / `overflow-y:auto` boilerplate. The whole inset\n   * scrolls, header included; for a fixed header with only the body scrolling,\n   * leave this off and compose a nested scroll region inside the inset (see the\n   * App shell story).\n   */\n  scrollable?: boolean;\n}\n\nfunction SidebarInset({ asChild, scrollable, className, ...props }: SidebarInsetProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'main';\n  return (\n    <Comp\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        'ddga-sidebar-inset',\n        scrollable && 'ddga-sidebar-inset--scrollable',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n// ─── Structure ─── //\n\ntype SidebarSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\nfunction SidebarHeader({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-header\" className={cn('ddga-sidebar__header', className)} {...props} />\n  );\n}\n\nfunction SidebarContent({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-content\"\n      className={cn('ddga-sidebar__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-footer\" className={cn('ddga-sidebar__footer', className)} {...props} />\n  );\n}\n\nfunction SidebarSeparator({ className, ...props }: React.ComponentProps<'hr'>) {\n  return (\n    <hr\n      data-slot=\"sidebar-separator\"\n      className={cn('ddga-sidebar__separator', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport { SidebarProvider };\nexport type { SidebarProviderProps };\n\nexport { Sidebar };\nexport type { SidebarProps };\n\nexport { SidebarTrigger, SidebarRail, SidebarInset };\nexport type { SidebarTriggerProps, SidebarInsetProps };\n\nexport { SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator };\nexport type { SidebarSectionProps };\n\nexport { useSidebar };\nexport type { SidebarContextValue };\n"]}

package/dist/{chunk-VAF6PKVY.js → chunk-TG2IDU3W.js}

@@ -1,6 +1,6 @@
 import {
   Close
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   DgaContext
 } from "./chunk-TMXABSFE.js";
@@ -124,4 +124,4 @@ export {
   DrawerFooter,
   DrawerClose
 };
-//# sourceMappingURL=chunk-VAF6PKVY.js.map
+//# sourceMappingURL=chunk-TG2IDU3W.js.map

package/dist/{chunk-SZUMMROW.js → chunk-TNIRKGXY.js}

@@ -1,10 +1,9 @@
 import {
-  Check,
-  Minus
-} from "./chunk-CDS4SYEQ.js";
+  Check
+} from "./chunk-FFGALWM2.js";
 import {
   FieldMessage
-} from "./chunk-E7WQI7PE.js";
+} from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
@@ -19,15 +18,21 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var checkboxVariants = cva("ddga-checkbox", {
   variants: {
     size: {
+      xs: "ddga-checkbox--xs",
       sm: "ddga-checkbox--sm",
       md: "ddga-checkbox--md"
     },
+    variant: {
+      primary: "",
+      neutral: "ddga-checkbox--neutral"
+    },
     error: {
       true: "ddga-checkbox--error"
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "md",
+    variant: "primary"
   }
 });
 function Checkbox({
@@ -37,8 +42,11 @@ function Checkbox({
   errorMessage,
   error,
   size,
+  variant,
+  readOnly,
   required,
   className,
+  onClick,
   ...props
 }) {
   const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
@@ -59,8 +67,14 @@ function Checkbox({
           ...props,
           ...controlProps,
           "data-slot": "checkbox",
+          "data-readonly": readOnly ? "" : void 0,
+          "aria-readonly": readOnly || void 0,
           required,
-          className: cn(checkboxVariants({ size, error: hasError }), className),
+          onClick: (event) => {
+            if (readOnly) event.preventDefault();
+            onClick?.(event);
+          },
+          className: cn(checkboxVariants({ size, variant, error: hasError }), className),
           children: /* @__PURE__ */ jsxs(
             CheckboxPrimitive.Indicator,
             {
@@ -68,7 +82,7 @@ function Checkbox({
               className: "ddga-checkbox__indicator",
               children: [
                 /* @__PURE__ */ jsx(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
+                /* @__PURE__ */ jsx("span", { className: "ddga-checkbox__minus", "aria-hidden": "true" })
               ]
             }
           )
@@ -88,4 +102,4 @@ export {
   checkboxVariants,
   Checkbox
 };
-//# sourceMappingURL=chunk-SZUMMROW.js.map
+//# sourceMappingURL=chunk-TNIRKGXY.js.map

package/dist/chunk-TNIRKGXY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      xs: 'ddga-checkbox--xs',\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    variant: {\n      primary: '',\n      neutral: 'ddga-checkbox--neutral',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted , the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Locks the value: shows state but can't be toggled; stays focusable, sets `aria-readonly`. */\n  readOnly?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  variant,\n  readOnly,\n  required,\n  className,\n  onClick,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"checkbox\"\n          data-readonly={readOnly ? '' : undefined}\n          aria-readonly={readOnly || undefined}\n          required={required}\n          // Read-only: preventDefault runs before Radix's composed handler, skipping the toggle.\n          onClick={(event) => {\n            if (readOnly) event.preventDefault();\n            onClick?.(event);\n          }}\n          className={cn(checkboxVariants({ size, variant, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* CSS shows one per data-state; minus is a bar, check is the glyph. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <span className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n"],"mappings":";;;;;;;;;;;;;;AAGA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,WAA8B;AAiG7B,SAKE,KALF;AA1FV,IAAM,mBAAmB,IAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AA0BD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,qBAAC,SAAI,aAAU,kBAAiB,WAAU,cACxC;AAAA,yBAAC,SAAI,WAAU,qBACb;AAAA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UAGE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,aAAU;AAAA,UACV,iBAAe,WAAW,KAAK;AAAA,UAC/B,iBAAe,YAAY;AAAA,UAC3B;AAAA,UAEA,SAAS,CAAC,UAAU;AAClB,gBAAI,SAAU,OAAM,eAAe;AACnC,sBAAU,KAAK;AAAA,UACjB;AAAA,UACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,SAAS,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,UAE7E;AAAA,YAAC,kBAAkB;AAAA,YAAlB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAGV;AAAA,oCAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA,gBAC3D,oBAAC,UAAK,WAAU,wBAAuB,eAAY,QAAO;AAAA;AAAA;AAAA,UAC5D;AAAA;AAAA,MACF;AAAA,MACC,SACC,qBAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,QACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;AAAA,SAEJ;AAAA,OAEJ;AAAA,IACC,mBACC,oBAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,oBAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-TPAVJN55.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-TPAVJN55.cjs.map

package/dist/chunk-TPAVJN55.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TPAVJN55.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TPAVJN55.cjs"}

package/dist/{chunk-IFEWF24B.js → chunk-TPD2GNR6.js}

@@ -1,10 +1,10 @@
 import {
   Check,
   ChevronDown
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   FieldMessage
-} from "./chunk-E7WQI7PE.js";
+} from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
@@ -116,4 +116,4 @@ export {
   Select,
   SelectItem
 };
-//# sourceMappingURL=chunk-IFEWF24B.js.map
+//# sourceMappingURL=chunk-TPD2GNR6.js.map

package/dist/chunk-TPNCV7KA.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-TPNCV7KA.js.map

package/dist/{chunk-PZWJQNCY.cjs → chunk-TYZIRV75.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
-var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
 var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
@@ -21,10 +21,15 @@ var ratingVariants = _classvarianceauthority.cva.call(void 0, "ddga-rating", {
       sm: "ddga-rating--sm",
       md: "ddga-rating--md",
       lg: "ddga-rating--lg"
+    },
+    tone: {
+      default: "",
+      brand: "ddga-rating--brand"
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "md",
+    tone: "default"
   }
 });
 function clamp(value, min, max) {
@@ -48,6 +53,8 @@ function Rating({
   readOnly = false,
   disabled = false,
   size,
+  tone,
+  icon,
   label,
   helperText,
   errorMessage,
@@ -70,8 +77,7 @@ function Rating({
     error,
     errorMessage,
     helperText,
-    // role=slider / role=img always have an accessible name (label or the
-    // value text), so suppress the no-label dev warning.
+    // role=slider/img always has an accessible name → suppress the no-label warning.
     "aria-label": _nullishCoalesce(props["aria-label"], () => ( formatValueText(currentValue, max))),
     "aria-labelledby": props["aria-labelledby"]
   });
@@ -121,6 +127,7 @@ function Rating({
     event.preventDefault();
     commit(clamp(next, 0, max));
   }
+  const symbol = _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Star, {})));
   const stars = Array.from({ length: max }, (_, index) => {
     const level = fillFor(index, displayValue, allowHalf);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -132,18 +139,19 @@ function Rating({
         onPointerMove: interactive ? (event) => setHover(pointerValue(event, index)) : void 0,
         onClick: interactive ? (event) => commit(pointerValue(event, index)) : void 0,
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Star, { className: "ddga-rating__star-bg", "aria-hidden": "true" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-rating__star-fill", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Star, { className: "ddga-rating__star-fg", "aria-hidden": "true" }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-rating__star-bg", "aria-hidden": "true", children: symbol }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-rating__star-fill", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-rating__star-fg", "aria-hidden": "true", children: symbol }) })
         ]
       },
       index
     );
   });
   const sharedProps = {
+    ...props,
     ref: rootRef,
     "data-slot": "rating",
     "data-disabled": disabled || void 0,
-    className: _chunkV6MXOJQ4cjs.cn.call(void 0, ratingVariants({ size }), hasError && "ddga-rating--error", className),
+    className: _chunkV6MXOJQ4cjs.cn.call(void 0, ratingVariants({ size, tone }), hasError && "ddga-rating--error", className),
     onPointerLeave: interactive ? () => setHover(null) : void 0
   };
   const labelledBy = label ? `${fieldId}-label` : props["aria-labelledby"];
@@ -170,8 +178,8 @@ function Rating({
         children: stars
       }
     ),
-    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
   ] });
 }
 
@@ -179,4 +187,4 @@ function Rating({
 
 
 exports.ratingVariants = ratingVariants; exports.Rating = Rating;
-//# sourceMappingURL=chunk-PZWJQNCY.cjs.map
+//# sourceMappingURL=chunk-TYZIRV75.cjs.map

package/dist/chunk-TYZIRV75.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TYZIRV75.cjs","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TYZIRV75.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Star } from '../../internal/icons';\n\nconst ratingVariants = cva('ddga-rating', {\n  variants: {\n    size: {\n      sm: 'ddga-rating--sm',\n      md: 'ddga-rating--md',\n      lg: 'ddga-rating--lg',\n    },\n    tone: {\n      default: '',\n      brand: 'ddga-rating--brand',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\ninterface RatingProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'onClick' | 'defaultValue' | 'dir'>,\n    VariantProps<typeof ratingVariants> {\n  /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. */\n  value?: number;\n  /** Uncontrolled initial value. Defaults to 0. */\n  defaultValue?: number;\n  /** Fires with the chosen rating. */\n  onValueChange?: (value: number) => void;\n\n  /** Number of stars. Defaults to 5. */\n  max?: number;\n  /** Allow half-star (`.5`) precision. */\n  allowHalf?: boolean;\n  /** Display only — no interaction, exposed as `role=\"img\"`. */\n  readOnly?: boolean;\n  /** Non-interactive and dimmed. */\n  disabled?: boolean;\n\n  /** Visible field label. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n\n  /** SDGA Style axis. `default` (gold) · `brand` (SA green). Recolor per\n   *  instance via the `--ddga-rating-color` CSS variable. */\n  tone?: 'default' | 'brand';\n\n  /** Symbol rendered instead of the default star (e.g. a heart). Used for both\n   *  the empty and filled layers — fill/empty colors come from CSS, so pass an\n   *  icon that uses `currentColor`. Defaults to the SDGA star. */\n  icon?: ReactNode;\n\n  /** Builds the accessible value text / read-only label. Defaults to\n   *  `\"{value} out of {max} stars\"`. Override for localization. */\n  formatValueText?: (value: number, max: number) => string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction defaultValueText(value: number, max: number): string {\n  return `${value} out of ${max} stars`;\n}\n\n/** Fill level for the star at 0-based `index` given the current value. */\nfunction fillFor(index: number, value: number, allowHalf: boolean): 'full' | 'half' | 'empty' {\n  if (value >= index + 1) return 'full';\n  if (allowHalf && value >= index + 0.5) return 'half';\n  return 'empty';\n}\n\nfunction Rating({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  max = 5,\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  size,\n  tone,\n  icon,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  formatValueText = defaultValueText,\n  className,\n  ...props\n}: RatingProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number>(defaultValue ?? 0);\n  const currentValue = isControlled ? value : internal;\n\n  const [hover, setHover] = useState<number | null>(null);\n  const interactive = !readOnly && !disabled;\n  const stepSize = allowHalf ? 0.5 : 1;\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Rating',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      // role=slider/img always has an accessible name → suppress the no-label warning.\n      'aria-label': props['aria-label'] ?? formatValueText(currentValue, max),\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  const displayValue = hover ?? currentValue;\n\n  function commit(next: number) {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  }\n\n  function readDir(): 'ltr' | 'rtl' {\n    const el = rootRef.current;\n    if (!el || typeof getComputedStyle !== 'function') return 'ltr';\n    return getComputedStyle(el).direction === 'rtl' ? 'rtl' : 'ltr';\n  }\n\n  /** Value implied by the pointer position over star `index`. */\n  function pointerValue(event: React.PointerEvent | React.MouseEvent, index: number): number {\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;\n    if (readDir() === 'rtl') fraction = 1 - fraction;\n    if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);\n    return index + 1;\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    if (!interactive) return;\n    const rtl = readDir() === 'rtl';\n    let next: number | null = null;\n    switch (event.key) {\n      case 'ArrowUp':\n        next = currentValue + stepSize;\n        break;\n      case 'ArrowDown':\n        next = currentValue - stepSize;\n        break;\n      case 'ArrowRight':\n        next = currentValue + (rtl ? -stepSize : stepSize);\n        break;\n      case 'ArrowLeft':\n        next = currentValue + (rtl ? stepSize : -stepSize);\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    commit(clamp(next, 0, max));\n  }\n\n  const symbol = icon ?? <Star />;\n\n  const stars = Array.from({ length: max }, (_, index) => {\n    const level = fillFor(index, displayValue, allowHalf);\n    return (\n      <span\n        key={index}\n        data-slot=\"rating-star\"\n        data-fill={level}\n        className=\"ddga-rating__star\"\n        onPointerMove={interactive ? (event) => setHover(pointerValue(event, index)) : undefined}\n        onClick={interactive ? (event) => commit(pointerValue(event, index)) : undefined}\n      >\n        <span className=\"ddga-rating__star-bg\" aria-hidden=\"true\">\n          {symbol}\n        </span>\n        <span className=\"ddga-rating__star-fill\" aria-hidden=\"true\">\n          <span className=\"ddga-rating__star-fg\" aria-hidden=\"true\">\n            {symbol}\n          </span>\n        </span>\n      </span>\n    );\n  });\n\n  const sharedProps = {\n    ...props,\n    ref: rootRef,\n    'data-slot': 'rating',\n    'data-disabled': disabled || undefined,\n    className: cn(ratingVariants({ size, tone }), hasError && 'ddga-rating--error', className),\n    onPointerLeave: interactive ? () => setHover(null) : undefined,\n  };\n\n  // Name precedence: visible label → consumer aria-labelledby/label → generic.\n  const labelledBy = label ? `${fieldId}-label` : props['aria-labelledby'];\n  const ariaLabel = labelledBy ? undefined : (props['aria-label'] ?? 'Rating');\n\n  return (\n    <div data-slot=\"rating-field\" className=\"ddga-field\">\n      {label && (\n        <span id={`${fieldId}-label`} className=\"ddga-rating__label\">\n          {label}\n        </span>\n      )}\n\n      {readOnly ? (\n        <div {...sharedProps} role=\"img\" aria-label={formatValueText(currentValue, max)}>\n          {stars}\n        </div>\n      ) : (\n        <div\n          {...sharedProps}\n          role=\"slider\"\n          id={fieldId}\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-valuenow={currentValue}\n          aria-valuetext={formatValueText(currentValue, max)}\n          aria-labelledby={labelledBy}\n          aria-label={ariaLabel}\n          aria-invalid={controlProps['aria-invalid']}\n          aria-describedby={controlProps['aria-describedby']}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n        >\n          {stars}\n        </div>\n      )}\n\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\nexport { Rating, ratingVariants };\nexport type { RatingProps };\n"]}

package/dist/chunk-U24PBXZA.cjs

@@ -0,0 +1,130 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Tag/Tag.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var tagVariants = _classvarianceauthority.cva.call(void 0, "ddga-tag", {
+  variants: {
+    variant: {
+      default: "ddga-tag--default",
+      primary: "ddga-tag--primary",
+      secondary: "ddga-tag--secondary",
+      destructive: "ddga-tag--destructive",
+      success: "ddga-tag--success",
+      warning: "ddga-tag--warning",
+      info: "ddga-tag--info",
+      "primary-subtle": "ddga-tag--primary-subtle",
+      "secondary-subtle": "ddga-tag--secondary-subtle",
+      "destructive-subtle": "ddga-tag--destructive-subtle",
+      "success-subtle": "ddga-tag--success-subtle",
+      "warning-subtle": "ddga-tag--warning-subtle",
+      "info-subtle": "ddga-tag--info-subtle",
+      outline: "ddga-tag--outline",
+      "on-color": "ddga-tag--on-color"
+    },
+    size: {
+      sm: "ddga-tag--sm",
+      md: "ddga-tag--md",
+      lg: "ddga-tag--lg"
+    },
+    // SDGA default is squared; we keep pill as the default to not reshape existing tags.
+    shape: {
+      pill: "",
+      squared: "ddga-tag--squared"
+    },
+    iconOnly: {
+      true: "ddga-tag--icon-only"
+    },
+    // Orthogonal to tone — composes with the *-subtle / on-color variants.
+    outlined: {
+      true: "ddga-tag--outlined"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "pill"
+  }
+});
+function Tag({
+  variant,
+  size,
+  shape,
+  iconOnly,
+  outlined,
+  asChild,
+  startIcon,
+  endIcon,
+  dismissible,
+  open,
+  onDismiss,
+  closeLabel = "Dismiss",
+  className,
+  children,
+  ...props
+}) {
+  const isControlled = open !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = _react.useState.call(void 0, true);
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  if (process.env.NODE_ENV !== "production") {
+    if (asChild && dismissible) {
+      console.warn(
+        "[Tag] `dismissible` is not supported with `asChild` because it would nest an interactive close button inside the consumer's element (invalid HTML). The close button will not render."
+      );
+    }
+    if (iconOnly && props["aria-label"] == null && props["aria-labelledby"] == null) {
+      console.warn(
+        "[Tag] `iconOnly` removes the visible text \u2014 pass `aria-label` (or `aria-labelledby`) so the tag has an accessible name."
+      );
+    }
+  }
+  if (!isOpen) return null;
+  const Comp = asChild ? _radixui.Slot.Slot : "span";
+  const showClose = dismissible && !asChild;
+  const handleDismiss = () => {
+    if (!isControlled) setUncontrolledOpen(false);
+    _optionalChain([onDismiss, 'optionalCall', _ => _()]);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Comp,
+    {
+      "data-slot": "tag",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tagVariants({ variant, size, shape, iconOnly, outlined }), className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-tag__icon", "aria-hidden": "true", children: startIcon }) : null,
+        asChild ? (
+          // children IS the consumer's single element (e.g. <a>). Slottable marks
+          // where THAT element's original children should land — without it the
+          // icons would replace the link text.
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable, { children })
+        ) : children,
+        endIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-tag__icon", "aria-hidden": "true", children: endIcon }) : null,
+        showClose ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "ddga-tag__close",
+            "aria-label": closeLabel,
+            onClick: handleDismiss,
+            "data-slot": "tag-close",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Close, { "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+
+
+
+exports.tagVariants = tagVariants; exports.Tag = Tag;
+//# sourceMappingURL=chunk-U24PBXZA.cjs.map

package/dist/chunk-U24PBXZA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-U24PBXZA.cjs","../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,8BAAyC;AACzC,mCAAsC;AACtC,kEAAuC;AA+HnC,+CAAA;AAvHJ,IAAM,YAAA,EAAc,yCAAA,UAAI,EAAY;AAAA,EAClC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,mBAAA;AAAA,MACT,OAAA,EAAS,mBAAA;AAAA,MACT,SAAA,EAAW,qBAAA;AAAA,MACX,WAAA,EAAa,uBAAA;AAAA,MACb,OAAA,EAAS,mBAAA;AAAA,MACT,OAAA,EAAS,mBAAA;AAAA,MACT,IAAA,EAAM,gBAAA;AAAA,MACN,gBAAA,EAAkB,0BAAA;AAAA,MAClB,kBAAA,EAAoB,4BAAA;AAAA,MACpB,oBAAA,EAAsB,8BAAA;AAAA,MACtB,gBAAA,EAAkB,0BAAA;AAAA,MAClB,gBAAA,EAAkB,0BAAA;AAAA,MAClB,aAAA,EAAe,uBAAA;AAAA,MACf,OAAA,EAAS,mBAAA;AAAA,MACT,UAAA,EAAY;AAAA,IACd,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA;AAAA,IAEA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,EAAA;AAAA,MACN,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR,CAAA;AAAA;AAAA,IAEA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAgCD,SAAS,GAAA,CAAI;AAAA,EACX,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,EAAa,SAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAa;AACX,EAAA,MAAM,aAAA,EAAe,KAAA,IAAS,KAAA,CAAA;AAC9B,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,EAAA,EAAI,6BAAA,IAAa,CAAA;AAC7D,EAAA,MAAM,OAAA,EAAS,aAAA,EAAe,KAAA,EAAO,gBAAA;AAErC,EAAA,GAAA,CAAI,OAAA,CAAQ,GAAA,CAAI,SAAA,IAAa,YAAA,EAAc;AACzC,IAAA,GAAA,CAAI,QAAA,GAAW,WAAA,EAAa;AAC1B,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN;AAAA,MACF,CAAA;AAAA,IACF;AACA,IAAA,GAAA,CAAI,SAAA,GAAY,KAAA,CAAM,YAAY,EAAA,GAAK,KAAA,GAAQ,KAAA,CAAM,iBAAiB,EAAA,GAAK,IAAA,EAAM;AAC/E,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN;AAAA,MACF,CAAA;AAAA,IACF;AAAA,EACF;AAEA,EAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,OAAO,IAAA;AAEpB,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,MAAA;AAC5C,EAAA,MAAM,UAAA,EAAY,YAAA,GAAe,CAAC,OAAA;AAElC,EAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAM;AAC1B,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc,mBAAA,CAAoB,KAAK,CAAA;AAC5C,oBAAA,SAAA,wBAAA,CAAY,GAAA;AAAA,EACd,CAAA;AAEA,EAAA,uBACE,8BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,KAAA;AAAA,MACV,SAAA,EAAW,kCAAA,WAAG,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,QAAA,EAAU,SAAS,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACjF,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,UAAA,kBACC,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAiB,aAAA,EAAY,MAAA,EAC1C,QAAA,EAAA,UAAA,CACH,EAAA,EACE,IAAA;AAAA,QACH,QAAA,EAAA;AAAA;AAAA;AAAA;AAAA,0BAIC,6BAAA,aAAC,CAAc,SAAA,EAAd,EAAyB,SAAA,CAAS;AAAA,QAAA,EAAA,EAEnC,QAAA;AAAA,QAED,QAAA,kBACC,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAiB,aAAA,EAAY,MAAA,EAC1C,QAAA,EAAA,QAAA,CACH,EAAA,EACE,IAAA;AAAA,QACH,UAAA,kBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,iBAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,aAAA;AAAA,YACT,WAAA,EAAU,WAAA;AAAA,YAEV,QAAA,kBAAA,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO;AAAA,UAAA;AAAA,QAC5B,EAAA,EACE;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AD3CA;AACA;AACE;AACA;AACF,qDAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-U24PBXZA.cjs","sourcesContent":[null,"'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Close } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\n// SDGA Tag (docs/compliance/components/Tags.md): the icon + label tag. `*-subtle` are the\n// SDGA filled fills (−50/−200/−800); the dot + status pill is the separate `StatusTag`.\nconst tagVariants = cva('ddga-tag', {\n  variants: {\n    variant: {\n      default: 'ddga-tag--default',\n      primary: 'ddga-tag--primary',\n      secondary: 'ddga-tag--secondary',\n      destructive: 'ddga-tag--destructive',\n      success: 'ddga-tag--success',\n      warning: 'ddga-tag--warning',\n      info: 'ddga-tag--info',\n      'primary-subtle': 'ddga-tag--primary-subtle',\n      'secondary-subtle': 'ddga-tag--secondary-subtle',\n      'destructive-subtle': 'ddga-tag--destructive-subtle',\n      'success-subtle': 'ddga-tag--success-subtle',\n      'warning-subtle': 'ddga-tag--warning-subtle',\n      'info-subtle': 'ddga-tag--info-subtle',\n      outline: 'ddga-tag--outline',\n      'on-color': 'ddga-tag--on-color',\n    },\n    size: {\n      sm: 'ddga-tag--sm',\n      md: 'ddga-tag--md',\n      lg: 'ddga-tag--lg',\n    },\n    // SDGA default is squared; we keep pill as the default to not reshape existing tags.\n    shape: {\n      pill: '',\n      squared: 'ddga-tag--squared',\n    },\n    iconOnly: {\n      true: 'ddga-tag--icon-only',\n    },\n    // Orthogonal to tone — composes with the *-subtle / on-color variants.\n    outlined: {\n      true: 'ddga-tag--outlined',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    shape: 'pill',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TagProps extends React.ComponentProps<'span'>, VariantProps<typeof tagVariants> {\n  /** Render as the single child element instead of a `<span>` (see Button). */\n  asChild?: boolean;\n  /** Icon rendered before the tag text. Sized to the tag font (0.875em). */\n  startIcon?: ReactNode;\n  /** Icon rendered after the tag text. Sized to the tag font (0.875em). */\n  endIcon?: ReactNode;\n  /**\n   * Render a trailing close button — turns the tag into the DGA \"tag/chip\"\n   * pattern. Uncontrolled by default: the tag hides itself when the close\n   * button is clicked. Pass `open` to control visibility yourself.\n   *\n   * Not combinable with `asChild` — the consumer's slotted element (usually an\n   * `<a>`) would end up with an interactive `<button>` inside it, which is\n   * invalid HTML. In that combo the close button is suppressed and a dev\n   * warning is logged.\n   */\n  dismissible?: boolean;\n  /** Controlled visibility. When provided, `onDismiss` becomes the only signal. */\n  open?: boolean;\n  /** Fires when the close button is clicked, in both controlled and uncontrolled mode. */\n  onDismiss?: () => void;\n  /** Accessible label on the close button. Defaults to `\"Dismiss\"`. Override for i18n. */\n  closeLabel?: string;\n}\n\n// ─── 3. Component ─── //\n\nfunction Tag({\n  variant,\n  size,\n  shape,\n  iconOnly,\n  outlined,\n  asChild,\n  startIcon,\n  endIcon,\n  dismissible,\n  open,\n  onDismiss,\n  closeLabel = 'Dismiss',\n  className,\n  children,\n  ...props\n}: TagProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(true);\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (asChild && dismissible) {\n      console.warn(\n        \"[Tag] `dismissible` is not supported with `asChild` because it would nest an interactive close button inside the consumer's element (invalid HTML). The close button will not render.\",\n      );\n    }\n    if (iconOnly && props['aria-label'] == null && props['aria-labelledby'] == null) {\n      console.warn(\n        '[Tag] `iconOnly` removes the visible text — pass `aria-label` (or `aria-labelledby`) so the tag has an accessible name.',\n      );\n    }\n  }\n\n  if (!isOpen) return null;\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  const showClose = dismissible && !asChild;\n\n  const handleDismiss = () => {\n    if (!isControlled) setUncontrolledOpen(false);\n    onDismiss?.();\n  };\n\n  return (\n    <Comp\n      data-slot=\"tag\"\n      className={cn(tagVariants({ variant, size, shape, iconOnly, outlined }), className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-tag__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      {asChild ? (\n        // children IS the consumer's single element (e.g. <a>). Slottable marks\n        // where THAT element's original children should land — without it the\n        // icons would replace the link text.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children\n      )}\n      {endIcon ? (\n        <span className=\"ddga-tag__icon\" aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      ) : null}\n      {showClose ? (\n        <button\n          type=\"button\"\n          className=\"ddga-tag__close\"\n          aria-label={closeLabel}\n          onClick={handleDismiss}\n          data-slot=\"tag-close\"\n        >\n          <Close aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Tag, tagVariants };\nexport type { TagProps };\n"]}