@dev-dga/react 0.12.2 → 1.0.0

package/dist/index.d.cts

@@ -872,13 +872,13 @@ type CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> &
     state?: ProgressState;
     thickness?: number;
     segments?: number;
-    showLabel?: boolean;
+    showValue?: boolean;
     description?: React.ReactNode;
     'aria-label'?: string;
     'aria-labelledby'?: string;
 };
 type CircularProgressProps = CircularProgressOwnProps & Omit<React.ComponentProps<'div'>, keyof CircularProgressOwnProps>;
-declare function CircularProgress({ value, max, size, variant, state, thickness, segments, showLabel, description, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
+declare function CircularProgress({ value, max, size, variant, state, thickness, segments, showValue, description, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
 
 declare const dropdownMenuVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
@@ -2424,7 +2424,7 @@ interface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {
     /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */
     icon?: React.ReactNode;
     /** Render the close (X) button. Defaults to `true`. */
-    showClose?: boolean;
+    showCloseButton?: boolean;
     /** Localized aria-label for the close button. Defaults to `"Close"`. */
     closeLabel?: string;
 }
@@ -2454,7 +2454,7 @@ interface SlideoutMenuItemProps extends React.ComponentProps<'button'> {
 declare function SlideoutMenu(props: SlideoutMenuProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuContent({ side, background, className, children, ...props }: SlideoutMenuContentProps): react_jsx_runtime.JSX.Element;
-declare function SlideoutMenuHeader({ icon, showClose, closeLabel, className, children, ...props }: SlideoutMenuHeaderProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuHeader({ icon, showCloseButton, closeLabel, className, children, ...props }: SlideoutMenuHeaderProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps): react_jsx_runtime.JSX.Element;
@@ -2526,6 +2526,7 @@ declare const chipVariants: (props?: ({
     variant?: "neutral" | "primary" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: boolean | null | undefined;
+    onColor?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ChipProps extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {
     /** Controlled selected state — drives `aria-pressed` and the filled treatment. */
@@ -2545,7 +2546,7 @@ interface ChipProps extends Omit<React.ComponentProps<'button'>, 'onChange'>, Va
  * Interactive selectable chip (SDGA "Chip") — a toggle button, distinct from the
  * static `Tag` (SDGA "Tags"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).
  */
-declare function Chip({ variant, size, rounded, selected, defaultSelected, onSelectedChange, leadingIcon, trailingIcon, asChild, className, children, disabled, onClick, type, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+declare function Chip({ variant, size, rounded, onColor, selected, defaultSelected, onSelectedChange, leadingIcon, trailingIcon, asChild, className, children, disabled, onClick, type, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
 
 declare const saudiRiyalSymbolVariants: (props?: ({
     size?: "sm" | "lg" | "xl" | "base" | "xs" | "2xl" | "3xl" | "2xs" | null | undefined;

package/dist/index.d.ts

@@ -872,13 +872,13 @@ type CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> &
     state?: ProgressState;
     thickness?: number;
     segments?: number;
-    showLabel?: boolean;
+    showValue?: boolean;
     description?: React.ReactNode;
     'aria-label'?: string;
     'aria-labelledby'?: string;
 };
 type CircularProgressProps = CircularProgressOwnProps & Omit<React.ComponentProps<'div'>, keyof CircularProgressOwnProps>;
-declare function CircularProgress({ value, max, size, variant, state, thickness, segments, showLabel, description, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
+declare function CircularProgress({ value, max, size, variant, state, thickness, segments, showValue, description, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
 
 declare const dropdownMenuVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
@@ -2424,7 +2424,7 @@ interface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {
     /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */
     icon?: React.ReactNode;
     /** Render the close (X) button. Defaults to `true`. */
-    showClose?: boolean;
+    showCloseButton?: boolean;
     /** Localized aria-label for the close button. Defaults to `"Close"`. */
     closeLabel?: string;
 }
@@ -2454,7 +2454,7 @@ interface SlideoutMenuItemProps extends React.ComponentProps<'button'> {
 declare function SlideoutMenu(props: SlideoutMenuProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuContent({ side, background, className, children, ...props }: SlideoutMenuContentProps): react_jsx_runtime.JSX.Element;
-declare function SlideoutMenuHeader({ icon, showClose, closeLabel, className, children, ...props }: SlideoutMenuHeaderProps): react_jsx_runtime.JSX.Element;
+declare function SlideoutMenuHeader({ icon, showCloseButton, closeLabel, className, children, ...props }: SlideoutMenuHeaderProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps): react_jsx_runtime.JSX.Element;
 declare function SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps): react_jsx_runtime.JSX.Element;
@@ -2526,6 +2526,7 @@ declare const chipVariants: (props?: ({
     variant?: "neutral" | "primary" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: boolean | null | undefined;
+    onColor?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ChipProps extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {
     /** Controlled selected state — drives `aria-pressed` and the filled treatment. */
@@ -2545,7 +2546,7 @@ interface ChipProps extends Omit<React.ComponentProps<'button'>, 'onChange'>, Va
  * Interactive selectable chip (SDGA "Chip") — a toggle button, distinct from the
  * static `Tag` (SDGA "Tags"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).
  */
-declare function Chip({ variant, size, rounded, selected, defaultSelected, onSelectedChange, leadingIcon, trailingIcon, asChild, className, children, disabled, onClick, type, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+declare function Chip({ variant, size, rounded, onColor, selected, defaultSelected, onSelectedChange, leadingIcon, trailingIcon, asChild, className, children, disabled, onClick, type, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
 
 declare const saudiRiyalSymbolVariants: (props?: ({
     size?: "sm" | "lg" | "xl" | "base" | "xs" | "2xl" | "3xl" | "2xs" | null | undefined;

package/dist/index.js

@@ -1,12 +1,5 @@
 "use client";
-import "./chunk-L2D4TPJW.js";
-import "./chunk-XBAAHOCP.js";
-import "./chunk-ZCO5QKH2.js";
 import "./chunk-ZY5XXYXJ.js";
-import {
-  Textarea,
-  textareaVariants
-} from "./chunk-BQZ4XAYH.js";
 import "./chunk-Q3XKCP3I.js";
 import {
   Timeline,
@@ -19,10 +12,26 @@ import {
   timelineMarkerVariants,
   timelineVariants
 } from "./chunk-NS4IRTKQ.js";
+import "./chunk-L2D4TPJW.js";
 import {
   Toggle,
   toggleVariants
 } from "./chunk-VISVU5LS.js";
+import "./chunk-XBAAHOCP.js";
+import "./chunk-ZCO5QKH2.js";
+import {
+  TagInput,
+  tagInputVariants
+} from "./chunk-WRCHASO2.js";
+import "./chunk-VB5VOUED.js";
+import {
+  Tag,
+  tagVariants
+} from "./chunk-JWOG4I4P.js";
+import {
+  Textarea,
+  textareaVariants
+} from "./chunk-BQZ4XAYH.js";
 import "./chunk-T2E5XT7P.js";
 import "./chunk-MS6HASC6.js";
 import {
@@ -51,15 +60,6 @@ import {
   TableRow,
   tableVariants
 } from "./chunk-VEFRVKSA.js";
-import {
-  TagInput,
-  tagInputVariants
-} from "./chunk-WRCHASO2.js";
-import "./chunk-VB5VOUED.js";
-import {
-  Tag,
-  tagVariants
-} from "./chunk-JWOG4I4P.js";
 import "./chunk-NVCOEKCU.js";
 import {
   SlideoutMenu,
@@ -75,7 +75,7 @@ import {
   SlideoutMenuTitle,
   SlideoutMenuTrigger,
   slideoutMenuContentVariants
-} from "./chunk-KSEN4ESR.js";
+} from "./chunk-BJIB6S5L.js";
 import "./chunk-JVUANKS3.js";
 import {
   Slider,
@@ -208,7 +208,7 @@ import {
   Progress,
   circularProgressVariants,
   progressVariants
-} from "./chunk-ANHZT2X2.js";
+} from "./chunk-JADNUODB.js";
 import "./chunk-F5YD6T5D.js";
 import "./chunk-WAIVED2F.js";
 import {
@@ -292,7 +292,7 @@ import {
   FiltrationSection,
   FiltrationTrigger,
   filtrationPanelVariants
-} from "./chunk-JAMYRBHS.js";
+} from "./chunk-AHUL5WRD.js";
 import "./chunk-HBCSQSOP.js";
 import {
   SearchBox
@@ -359,16 +359,16 @@ import {
   DescriptionTerm,
   descriptionListVariants
 } from "./chunk-J3RL3NPU.js";
-import "./chunk-H2HKUDBZ.js";
-import {
-  DigitalStamp,
-  digitalStampVariants
-} from "./chunk-QU32POS4.js";
 import "./chunk-S72BEZHS.js";
 import {
   Divider,
   dividerVariants
 } from "./chunk-CUGEH7EB.js";
+import "./chunk-H2HKUDBZ.js";
+import {
+  DigitalStamp,
+  digitalStampVariants
+} from "./chunk-QU32POS4.js";
 import "./chunk-O6AFVTKN.js";
 import {
   Drawer,
@@ -413,16 +413,24 @@ import {
 } from "./chunk-XIJKAUCN.js";
 import "./chunk-SDFMITFO.js";
 import "./chunk-AR7K3D3Z.js";
-import "./chunk-TZWNX7FF.js";
+import "./chunk-OF7NTZ2I.js";
 import {
-  Checkbox,
-  checkboxVariants
-} from "./chunk-TNIRKGXY.js";
+  Card,
+  CardContent,
+  CardDescription,
+  CardExpandableContent,
+  CardFooter,
+  CardHeader,
+  CardIcon,
+  CardImage,
+  CardTitle,
+  cardVariants
+} from "./chunk-NJIQJHJS.js";
 import "./chunk-TPNCV7KA.js";
 import {
   Chip,
   chipVariants
-} from "./chunk-6CDZ7ZBG.js";
+} from "./chunk-SQ7NQVEK.js";
 import "./chunk-4WUUV44R.js";
 import {
   CodeSnippet,
@@ -458,19 +466,6 @@ import {
   CollapsibleContent,
   CollapsibleTrigger
 } from "./chunk-775MRN7R.js";
-import "./chunk-OF7NTZ2I.js";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardExpandableContent,
-  CardFooter,
-  CardHeader,
-  CardIcon,
-  CardImage,
-  CardTitle,
-  cardVariants
-} from "./chunk-NJIQJHJS.js";
 import "./chunk-N5JDL4VE.js";
 import {
   Button,
@@ -493,6 +488,11 @@ import {
   carouselDotsVariants,
   carouselVariants
 } from "./chunk-LEDIOXDM.js";
+import "./chunk-TZWNX7FF.js";
+import {
+  Checkbox,
+  checkboxVariants
+} from "./chunk-TNIRKGXY.js";
 import "./chunk-AVHWS36I.js";
 import {
   BarChart,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-dga/react",
-  "version": "0.12.2",
+  "version": "1.0.0",
   "description": "Independent React 19 component library implementing Saudi Arabia's DGA (Digital Government Authority) Platforms Code design system. Accessible (WCAG 2.2 AA), RTL-native, Arabic-first, dark-mode ready, RSC-compatible. Not affiliated with the DGA.",
   "keywords": [
     "react",
@@ -65,12 +65,12 @@
     "cmdk": "^1.1.1",
     "radix-ui": "^1.0.0",
     "react-aria-components": "^1.17.0",
-    "@dev-dga/tokens": "0.12.2"
+    "@dev-dga/tokens": "1.0.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@dev-dga/css": "0.12.2"
+    "@dev-dga/css": "1.0.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.2.15",

package/dist/chunk-6CDZ7ZBG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["'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';\n\nconst chipVariants = cva('ddga-chip', {\n  variants: {\n    variant: {\n      primary: 'ddga-chip--primary',\n      neutral: 'ddga-chip--neutral',\n    },\n    size: {\n      sm: 'ddga-chip--sm',\n      md: 'ddga-chip--md',\n      lg: 'ddga-chip--lg',\n    },\n    rounded: {\n      true: 'ddga-chip--rounded',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\ninterface ChipProps\n  extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {\n  /** Controlled selected state — drives `aria-pressed` and the filled treatment. */\n  selected?: boolean;\n  /** Uncontrolled initial selected state. */\n  defaultSelected?: boolean;\n  /** Called with the next selected value when the chip toggles. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Leading icon (inherits the chip text colour; 14px, 16px at `lg`). */\n  leadingIcon?: ReactNode;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n  /** Render as the child element (Radix `Slot`) — e.g. wrap a router link. */\n  asChild?: boolean;\n}\n\n/**\n * Interactive selectable chip (SDGA \"Chip\") — a toggle button, distinct from the\n * static `Tag` (SDGA \"Tags\"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).\n */\nfunction Chip({\n  variant,\n  size,\n  rounded,\n  selected,\n  defaultSelected = false,\n  onSelectedChange,\n  leadingIcon,\n  trailingIcon,\n  asChild,\n  className,\n  children,\n  disabled,\n  onClick,\n  type = 'button',\n  ...props\n}: ChipProps) {\n  const isControlled = selected !== undefined;\n  const [internal, setInternal] = useState(defaultSelected);\n  const isSelected = isControlled ? selected : internal;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // type/native disabled only apply to <button>; in asChild mode lean on\n      // aria-disabled + tabIndex (CSS matches [aria-disabled='true'] too).\n      {...(asChild ? {} : { type, disabled })}\n      {...(asChild && disabled ? { tabIndex: -1 } : {})}\n      aria-disabled={disabled || undefined}\n      data-slot=\"chip\"\n      aria-pressed={isSelected}\n      className={cn(chipVariants({ variant, size, rounded }), className)}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        const next = !isSelected;\n        if (!isControlled) setInternal(next);\n        onSelectedChange?.(next);\n      }}\n      {...props}\n    >\n      {leadingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {leadingIcon}\n        </span>\n      )}\n      {asChild ? (\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && <span className=\"ddga-chip__label\">{children}</span>\n      )}\n      {trailingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {trailingIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Chip, chipVariants };\nexport type { ChipProps };\n"],"mappings":";;;;;AAEA,SAAS,gBAAgC;AACzC,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAmEnC,SAuBI,KAvBJ;AAhEJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAsBD,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAc;AACZ,QAAM,eAAe,aAAa;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,eAAe;AACxD,QAAM,aAAa,eAAe,WAAW;AAC7C,QAAM,OAAO,UAAU,cAAc,OAAO;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MAGE,GAAI,UAAU,CAAC,IAAI,EAAE,MAAM,SAAS;AAAA,MACpC,GAAI,WAAW,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;AAAA,MAC/C,iBAAe,YAAY;AAAA,MAC3B,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,aAAa,EAAE,SAAS,MAAM,QAAQ,CAAC,GAAG,SAAS;AAAA,MACjE,SAAS,CAAC,MAAM;AACd,YAAI,UAAU;AACZ,YAAE,eAAe;AACjB;AAAA,QACF;AACA,kBAAU,CAAC;AACX,YAAI,EAAE,iBAAkB;AACxB,cAAM,OAAO,CAAC;AACd,YAAI,CAAC,aAAc,aAAY,IAAI;AACnC,2BAAmB,IAAI;AAAA,MACzB;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,uBAAe,QACd,oBAAC,UAAK,WAAU,mBAAkB,eAAY,QAC3C,uBACH;AAAA,QAED,UACC,oBAAC,cAAc,WAAd,EAAyB,UAAS,IAEnC,YAAY,QAAQ,oBAAC,UAAK,WAAU,oBAAoB,UAAS;AAAA,QAElE,gBAAgB,QACf,oBAAC,UAAK,WAAU,mBAAkB,eAAY,QAC3C,wBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-DWCTUNFU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DWCTUNFU.cjs","../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DWCTUNFU.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';\n\nconst chipVariants = cva('ddga-chip', {\n  variants: {\n    variant: {\n      primary: 'ddga-chip--primary',\n      neutral: 'ddga-chip--neutral',\n    },\n    size: {\n      sm: 'ddga-chip--sm',\n      md: 'ddga-chip--md',\n      lg: 'ddga-chip--lg',\n    },\n    rounded: {\n      true: 'ddga-chip--rounded',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\ninterface ChipProps\n  extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {\n  /** Controlled selected state — drives `aria-pressed` and the filled treatment. */\n  selected?: boolean;\n  /** Uncontrolled initial selected state. */\n  defaultSelected?: boolean;\n  /** Called with the next selected value when the chip toggles. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Leading icon (inherits the chip text colour; 14px, 16px at `lg`). */\n  leadingIcon?: ReactNode;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n  /** Render as the child element (Radix `Slot`) — e.g. wrap a router link. */\n  asChild?: boolean;\n}\n\n/**\n * Interactive selectable chip (SDGA \"Chip\") — a toggle button, distinct from the\n * static `Tag` (SDGA \"Tags\"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).\n */\nfunction Chip({\n  variant,\n  size,\n  rounded,\n  selected,\n  defaultSelected = false,\n  onSelectedChange,\n  leadingIcon,\n  trailingIcon,\n  asChild,\n  className,\n  children,\n  disabled,\n  onClick,\n  type = 'button',\n  ...props\n}: ChipProps) {\n  const isControlled = selected !== undefined;\n  const [internal, setInternal] = useState(defaultSelected);\n  const isSelected = isControlled ? selected : internal;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // type/native disabled only apply to <button>; in asChild mode lean on\n      // aria-disabled + tabIndex (CSS matches [aria-disabled='true'] too).\n      {...(asChild ? {} : { type, disabled })}\n      {...(asChild && disabled ? { tabIndex: -1 } : {})}\n      aria-disabled={disabled || undefined}\n      data-slot=\"chip\"\n      aria-pressed={isSelected}\n      className={cn(chipVariants({ variant, size, rounded }), className)}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        const next = !isSelected;\n        if (!isControlled) setInternal(next);\n        onSelectedChange?.(next);\n      }}\n      {...props}\n    >\n      {leadingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {leadingIcon}\n        </span>\n      )}\n      {asChild ? (\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && <span className=\"ddga-chip__label\">{children}</span>\n      )}\n      {trailingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {trailingIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Chip, chipVariants };\nexport type { ChipProps };\n"]}

package/dist/chunk-KSEN4ESR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SlideoutMenu/SlideoutMenu.tsx"],"sourcesContent":["'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n  variants: {\n    side: {\n      start: 'ddga-slideout-menu--start',\n      end: 'ddga-slideout-menu--end',\n    },\n    /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n    background: {\n      gray: 'ddga-slideout-menu--gray',\n      white: 'ddga-slideout-menu--white',\n    },\n  },\n  defaultVariants: {\n    side: 'start',\n    background: 'gray',\n  },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n  /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n  icon?: React.ReactNode;\n  /** Render the close (X) button. Defaults to `true`. */\n  showClose?: boolean;\n  /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n  typeof DialogPrimitive.Description\n> {\n  asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n  /** Section heading rendered above the list (SDGA \"Group Label\"). */\n  label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n  /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n  asChild?: boolean;\n  /** Leading 24px icon. */\n  icon?: React.ReactNode;\n  /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n  trailing?: React.ReactNode;\n  /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n  active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n  return (\n    <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n  );\n}\n\nfunction SlideoutMenuContent({\n  side,\n  background,\n  className,\n  children,\n  ...props\n}: SlideoutMenuContentProps) {\n  // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay\n        className=\"ddga-slideout-menu__overlay\"\n        data-slot=\"slideout-menu-overlay\"\n      />\n      <DialogPrimitive.Content\n        data-slot=\"slideout-menu-content\"\n        className={cn(slideoutMenuContentVariants({ side, background }), className)}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction SlideoutMenuHeader({\n  icon,\n  showClose = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: SlideoutMenuHeaderProps) {\n  return (\n    <div\n      data-slot=\"slideout-menu-header\"\n      className={cn('ddga-slideout-menu__header', className)}\n      {...props}\n    >\n      <div className=\"ddga-slideout-menu__header-content\">\n        {icon ? (\n          <span\n            data-slot=\"slideout-menu-featured-icon\"\n            className=\"ddga-slideout-menu__featured-icon\"\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        ) : null}\n        <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n      </div>\n      {showClose ? (\n        <DialogPrimitive.Close\n          className=\"ddga-slideout-menu__close\"\n          aria-label={closeLabel}\n          data-slot=\"slideout-menu-close-x\"\n        >\n          <Close aria-hidden=\"true\" />\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"slideout-menu-title\"\n      className={cn('ddga-slideout-menu__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"slideout-menu-description\"\n      className={cn('ddga-slideout-menu__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-body\"\n      className={cn('ddga-slideout-menu__body', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n  const labelId = useId();\n  return (\n    <div\n      data-slot=\"slideout-menu-group\"\n      className={cn('ddga-slideout-menu__group', className)}\n      {...props}\n    >\n      {label != null ? (\n        <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n          {label}\n        </div>\n      ) : null}\n      <ul\n        className=\"ddga-slideout-menu__list\"\n        {...(label != null ? { 'aria-labelledby': labelId } : {})}\n      >\n        {children}\n      </ul>\n    </div>\n  );\n}\n\nfunction SlideoutMenuItem({\n  asChild,\n  icon,\n  trailing,\n  active,\n  className,\n  children,\n  ...props\n}: SlideoutMenuItemProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n      <Comp\n        data-slot=\"slideout-menu-item\"\n        className={cn('ddga-slideout-menu__item', className)}\n        data-active={active ? '' : undefined}\n        aria-current={active ? 'page' : undefined}\n        {...(asChild ? {} : { type: 'button' as const })}\n        {...props}\n      >\n        {icon ? (\n          <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {asChild ? (\n          <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n        ) : (\n          <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n        )}\n        {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n      </Comp>\n    </li>\n  );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"slideout-menu-separator\"\n      role=\"separator\"\n      className={cn('ddga-slideout-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-footer\"\n      className={cn('ddga-slideout-menu__footer', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n  SlideoutMenu,\n  SlideoutMenuTrigger,\n  SlideoutMenuContent,\n  SlideoutMenuHeader,\n  SlideoutMenuTitle,\n  SlideoutMenuDescription,\n  SlideoutMenuBody,\n  SlideoutMenuGroup,\n  SlideoutMenuItem,\n  SlideoutMenuSeparator,\n  SlideoutMenuFooter,\n  SlideoutMenuClose,\n  slideoutMenuContentVariants,\n};\nexport type {\n  SlideoutMenuProps,\n  SlideoutMenuTriggerProps,\n  SlideoutMenuContentProps,\n  SlideoutMenuHeaderProps,\n  SlideoutMenuTitleProps,\n  SlideoutMenuDescriptionProps,\n  SlideoutMenuSectionProps,\n  SlideoutMenuGroupProps,\n  SlideoutMenuItemProps,\n  SlideoutMenuCloseProps,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-QLV4RQVQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QLV4RQVQ.cjs","../src/components/SlideoutMenu/SlideoutMenu.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QLV4RQVQ.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n  variants: {\n    side: {\n      start: 'ddga-slideout-menu--start',\n      end: 'ddga-slideout-menu--end',\n    },\n    /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n    background: {\n      gray: 'ddga-slideout-menu--gray',\n      white: 'ddga-slideout-menu--white',\n    },\n  },\n  defaultVariants: {\n    side: 'start',\n    background: 'gray',\n  },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n  /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n  icon?: React.ReactNode;\n  /** Render the close (X) button. Defaults to `true`. */\n  showClose?: boolean;\n  /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n  typeof DialogPrimitive.Description\n> {\n  asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n  /** Section heading rendered above the list (SDGA \"Group Label\"). */\n  label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n  /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n  asChild?: boolean;\n  /** Leading 24px icon. */\n  icon?: React.ReactNode;\n  /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n  trailing?: React.ReactNode;\n  /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n  active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n  return (\n    <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n  );\n}\n\nfunction SlideoutMenuContent({\n  side,\n  background,\n  className,\n  children,\n  ...props\n}: SlideoutMenuContentProps) {\n  // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay\n        className=\"ddga-slideout-menu__overlay\"\n        data-slot=\"slideout-menu-overlay\"\n      />\n      <DialogPrimitive.Content\n        data-slot=\"slideout-menu-content\"\n        className={cn(slideoutMenuContentVariants({ side, background }), className)}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction SlideoutMenuHeader({\n  icon,\n  showClose = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: SlideoutMenuHeaderProps) {\n  return (\n    <div\n      data-slot=\"slideout-menu-header\"\n      className={cn('ddga-slideout-menu__header', className)}\n      {...props}\n    >\n      <div className=\"ddga-slideout-menu__header-content\">\n        {icon ? (\n          <span\n            data-slot=\"slideout-menu-featured-icon\"\n            className=\"ddga-slideout-menu__featured-icon\"\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        ) : null}\n        <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n      </div>\n      {showClose ? (\n        <DialogPrimitive.Close\n          className=\"ddga-slideout-menu__close\"\n          aria-label={closeLabel}\n          data-slot=\"slideout-menu-close-x\"\n        >\n          <Close aria-hidden=\"true\" />\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"slideout-menu-title\"\n      className={cn('ddga-slideout-menu__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"slideout-menu-description\"\n      className={cn('ddga-slideout-menu__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-body\"\n      className={cn('ddga-slideout-menu__body', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n  const labelId = useId();\n  return (\n    <div\n      data-slot=\"slideout-menu-group\"\n      className={cn('ddga-slideout-menu__group', className)}\n      {...props}\n    >\n      {label != null ? (\n        <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n          {label}\n        </div>\n      ) : null}\n      <ul\n        className=\"ddga-slideout-menu__list\"\n        {...(label != null ? { 'aria-labelledby': labelId } : {})}\n      >\n        {children}\n      </ul>\n    </div>\n  );\n}\n\nfunction SlideoutMenuItem({\n  asChild,\n  icon,\n  trailing,\n  active,\n  className,\n  children,\n  ...props\n}: SlideoutMenuItemProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n      <Comp\n        data-slot=\"slideout-menu-item\"\n        className={cn('ddga-slideout-menu__item', className)}\n        data-active={active ? '' : undefined}\n        aria-current={active ? 'page' : undefined}\n        {...(asChild ? {} : { type: 'button' as const })}\n        {...props}\n      >\n        {icon ? (\n          <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {asChild ? (\n          <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n        ) : (\n          <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n        )}\n        {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n      </Comp>\n    </li>\n  );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"slideout-menu-separator\"\n      role=\"separator\"\n      className={cn('ddga-slideout-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-footer\"\n      className={cn('ddga-slideout-menu__footer', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n  SlideoutMenu,\n  SlideoutMenuTrigger,\n  SlideoutMenuContent,\n  SlideoutMenuHeader,\n  SlideoutMenuTitle,\n  SlideoutMenuDescription,\n  SlideoutMenuBody,\n  SlideoutMenuGroup,\n  SlideoutMenuItem,\n  SlideoutMenuSeparator,\n  SlideoutMenuFooter,\n  SlideoutMenuClose,\n  slideoutMenuContentVariants,\n};\nexport type {\n  SlideoutMenuProps,\n  SlideoutMenuTriggerProps,\n  SlideoutMenuContentProps,\n  SlideoutMenuHeaderProps,\n  SlideoutMenuTitleProps,\n  SlideoutMenuDescriptionProps,\n  SlideoutMenuSectionProps,\n  SlideoutMenuGroupProps,\n  SlideoutMenuItemProps,\n  SlideoutMenuCloseProps,\n};\n"]}