@nuka-ui/core 1.1.4 → 1.1.5

package/dist/components/Stepper/StepperIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StepperIndicator.cjs","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      data-slot=\"indicator\"\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":"+QAcA,SAAS,EAAiB,CAAE,MAAK,YAAW,GAAG,GAAgC,CAC7E,GAAM,CAAE,QAAO,QAAS,EAAA,uBAAuB,CACzC,CAAE,eAAgB,EAAA,mBAAmB,CAErC,GACJ,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,uBACA,oBACA,kDACA,iCACA,IAAU,aACR,0EACF,IAAU,WACR,0EACF,IAAU,YACR,2EACF,IAAU,SACR,8EACF,EACD,CACD,YAAU,YACV,GAAI,WAEH,IAAU,aACT,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,iBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CACD,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,YAAgB,CAAA,CACzC,CAAA,CAAA,CACD,IAAU,SACZ,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,kBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CACD,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,QAAY,CAAA,CACrC,CAAA,CAAA,EAEH,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,gBAAQ,EAAO,EAAS,CAAA,CAE/B,CAAA,CAoBR,OAjBI,IAAgB,YAEhB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4FAAf,CACG,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,gCACA,IAAU,YACN,wBACA,0BACL,CACD,CAAA,CACE,GAIH,EAGT,EAAiB,YAAc"}
+{"version":3,"file":"StepperIndicator.cjs","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      data-slot=\"indicator\"\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":"+QAcA,SAAS,EAAiB,CAAE,MAAK,YAAW,GAAG,GAAgC,CAC7E,GAAM,CAAE,QAAO,QAAS,EAAA,sBAAsB,EACxC,CAAE,eAAgB,EAAA,kBAAkB,EAEpC,GACJ,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,uBACA,oBACA,kDACA,iCACA,IAAU,aACR,0EACF,IAAU,WACR,0EACF,IAAU,YACR,2EACF,IAAU,SACR,8EACF,CACF,EACA,YAAU,YACV,GAAI,WAEH,IAAU,aACT,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,iBACF,cAAc,QACd,eAAe,OAChB,CAAA,CACE,CAAA,CACD,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,WAAe,CAAA,CACzC,CAAA,CAAA,EACA,IAAU,SACZ,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,kBACF,cAAc,QACd,eAAe,OAChB,CAAA,CACE,CAAA,CACD,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,OAAW,CAAA,CACrC,CAAA,CAAA,GAEF,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,gBAAQ,EAAO,CAAQ,CAAA,CAE/B,CAAA,EAoBP,OAjBI,IAAgB,YAEhB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4FAAf,CACG,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,gCACA,IAAU,YACN,wBACA,yBACN,CACD,CAAA,CACE,IAIF,CACT,CAEA,EAAiB,YAAc"}

package/dist/components/Stepper/StepperIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperIndicator.js","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      data-slot=\"indicator\"\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":";;;;;;;;AAcA,SAAS,EAAiB,EAAE,QAAK,cAAW,GAAG,KAAgC;CAC7E,IAAM,EAAE,UAAO,YAAS,GAAuB,EACzC,EAAE,mBAAgB,GAAmB,EAErC,IACJ,kBAAC,OAAD;EACO;EACL,WAAW,EACT,oCACA,wBACA,qBACA,mDACA,kCACA,MAAU,eACR,2EACF,MAAU,aACR,2EACF,MAAU,cACR,4EACF,MAAU,WACR,+EACF,EACD;EACD,aAAU;EACV,GAAI;YAEH,MAAU,cACT,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;KACf,CAAA;IACE,CAAA;GACD,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAgB,CAAA,CACzC,EAAA,CAAA,GACD,MAAU,UACZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;KACf,CAAA;IACE,CAAA;GACD,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,CAAA,CACrC,EAAA,CAAA,GAEH,kBAAC,GAAD;GAAM,IAAG;aAAQ,IAAO;GAAS,CAAA;EAE/B,CAAA;AAoBR,QAjBI,MAAgB,aAEhB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACD,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,EACT,iCACA,MAAU,cACN,0BACA,0BACL;GACD,CAAA,CACE;MAIH;;AAGT,EAAiB,cAAc"}
+{"version":3,"file":"StepperIndicator.js","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      data-slot=\"indicator\"\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":";;;;;;;;AAcA,SAAS,EAAiB,EAAE,QAAK,cAAW,GAAG,KAAgC;CAC7E,IAAM,EAAE,UAAO,YAAS,EAAsB,GACxC,EAAE,mBAAgB,EAAkB,GAEpC,IACJ,kBAAC,OAAD;EACO;EACL,WAAW,EACT,oCACA,wBACA,qBACA,mDACA,kCACA,MAAU,eACR,2EACF,MAAU,aACR,2EACF,MAAU,cACR,4EACF,MAAU,WACR,+EACF,CACF;EACA,aAAU;EACV,GAAI;YAEH,MAAU,cACT,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;EACD,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aAAU;EAAe,CAAA,CACzC,EAAA,CAAA,IACA,MAAU,UACZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;EACD,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aAAU;EAAW,CAAA,CACrC,EAAA,CAAA,IAEF,kBAAC,GAAD;GAAM,IAAG;aAAQ,IAAO;EAAQ,CAAA;CAE/B,CAAA;CAoBP,OAjBI,MAAgB,aAEhB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACD,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,EACT,iCACA,MAAU,cACN,0BACA,yBACN;EACD,CAAA,CACE;MAIF;AACT;AAEA,EAAiB,cAAc"}

package/dist/components/Stepper/StepperItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Stepper.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,step:a,state:o,disabled:s=!1,className:c,children:l,...u}){let{currentStep:d,orientation:f,onStepClick:p}=n.useStepperContext(),m=o??(a<d?`completed`:a===d?`current`:`upcoming`),h=p!==void 0&&m===`completed`&&!s;return(0,i.jsx)(n.StepperItemContext,{value:r.useMemo(()=>({step:a,state:m,disabled:s}),[a,m,s]),children:(0,i.jsx)(`li`,{ref:e,"aria-current":m===`current`?`step`:void 0,className:t.cn(f===`horizontal`?`flex flex-col items-center shrink-0`:`group relative flex gap-(--space-3) pb-(--space-8) last:pb-0`,c),"data-slot":`item`,...u,children:h?(0,i.jsx)(`button`,{type:`button`,onClick:()=>p(a),"aria-label":`Go to step ${String(a+1)}`,className:t.cn(`flex cursor-pointer bg-transparent border-none p-0`,f===`horizontal`?`flex-col items-center`:`flex-row gap-(--space-3) items-start`,`rounded-(--radius-md)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:l}):l})})}a.displayName=`StepperItem`,exports.StepperItem=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Stepper.context.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({ref:e,step:a,state:o,disabled:s=!1,className:c,children:l,...u}){let{currentStep:d,orientation:f,onStepClick:p}=n.useStepperContext(),m=o??(a<d?`completed`:a===d?`current`:`upcoming`),h=p!==void 0&&m===`completed`&&!s;return(0,i.jsx)(n.StepperItemContext,{value:r.useMemo(()=>({step:a,state:m,disabled:s}),[a,m,s]),children:(0,i.jsx)(`li`,{ref:e,"aria-current":m===`current`?`step`:void 0,className:t.cn(f===`horizontal`?`flex flex-col items-center shrink-0`:`group relative flex gap-(--space-3) pb-(--space-8) last:pb-0`,c),"data-slot":`item`,...u,children:h?(0,i.jsx)(`button`,{type:`button`,onClick:()=>p(a),"aria-label":`Go to step ${String(a+1)}`,className:t.cn(`flex cursor-pointer bg-transparent border-none p-0`,f===`horizontal`?`flex-col items-center`:`flex-row gap-(--space-3) items-start`,`rounded-(--radius-md)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:l}):l})})}a.displayName=`StepperItem`,exports.StepperItem=a;
 //# sourceMappingURL=StepperItem.cjs.map

package/dist/components/Stepper/StepperItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.cjs","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        data-slot=\"item\"\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":"mNAmBA,SAAS,EAAY,CACnB,MACA,OACA,MAAO,EACP,WAAW,GACX,YACA,WACA,GAAG,GACgB,CACnB,GAAM,CAAE,cAAa,cAAa,eAAgB,EAAA,mBAAmB,CAS/D,EAAQ,IANZ,EAAO,EACH,YACA,IAAS,EACP,UACA,YAIF,EACJ,IAAgB,IAAA,IAAa,IAAU,aAAe,CAAC,EAOzD,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAN4B,EAAM,aAC/C,CAAE,OAAM,QAAO,WAAU,EAChC,CAAC,EAAM,EAAO,EAAS,CACxB,WAIG,EAAA,EAAA,KAAC,KAAD,CACO,MACL,eAAc,IAAU,UAAY,OAAS,IAAA,GAC7C,UAAW,EAAA,GACT,IAAgB,aACZ,sCACA,+DACJ,EACD,CACD,YAAU,OACV,GAAI,WAEH,GACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAY,EAAK,CAChC,aAAY,cAAc,OAAO,EAAO,EAAE,GAC1C,UAAW,EAAA,GACT,qDACA,IAAgB,aACZ,wBACA,uCACJ,wBACA,yDACA,8CACD,CAEA,WACM,CAAA,CAET,EAEC,CAAA,CACc,CAAA,CAIzB,EAAY,YAAc"}
+{"version":3,"file":"StepperItem.cjs","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        data-slot=\"item\"\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":"mNAmBA,SAAS,EAAY,CACnB,MACA,OACA,MAAO,EACP,WAAW,GACX,YACA,WACA,GAAG,GACgB,CACnB,GAAM,CAAE,cAAa,cAAa,eAAgB,EAAA,kBAAkB,EAS9D,EAAQ,IANZ,EAAO,EACH,YACA,IAAS,EACP,UACA,YAIF,EACJ,IAAgB,IAAA,IAAa,IAAU,aAAe,CAAC,EAOzD,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAN4B,EAAM,aAC/C,CAAE,OAAM,QAAO,UAAS,GAC/B,CAAC,EAAM,EAAO,CAAQ,CAIK,YACzB,EAAA,EAAA,KAAC,KAAD,CACO,MACL,eAAc,IAAU,UAAY,OAAS,IAAA,GAC7C,UAAW,EAAA,GACT,IAAgB,aACZ,sCACA,+DACJ,CACF,EACA,YAAU,OACV,GAAI,WAEH,GACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAY,CAAI,EAC/B,aAAY,cAAc,OAAO,EAAO,CAAC,IACzC,UAAW,EAAA,GACT,qDACA,IAAgB,aACZ,wBACA,uCACJ,wBACA,yDACA,6CACF,EAEC,UACK,CAAA,EAER,CAEA,CAAA,CACc,CAAA,CAExB,CAEA,EAAY,YAAc"}

package/dist/components/Stepper/StepperItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.js","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        data-slot=\"item\"\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAY,EACnB,QACA,SACA,OAAO,GACP,cAAW,IACX,cACA,aACA,GAAG,KACgB;CACnB,IAAM,EAAE,gBAAa,gBAAa,mBAAgB,GAAmB,EAS/D,IAAQ,MANZ,IAAO,IACH,cACA,MAAS,IACP,YACA,aAIF,IACJ,MAAgB,KAAA,KAAa,MAAU,eAAe,CAAC;AAOzD,QACE,kBAAC,GAAD;EAAoB,OAN4B,EAAM,eAC/C;GAAE;GAAM;GAAO;GAAU,GAChC;GAAC;GAAM;GAAO;GAAS,CACxB;YAIG,kBAAC,MAAD;GACO;GACL,gBAAc,MAAU,YAAY,SAAS,KAAA;GAC7C,WAAW,EACT,MAAgB,eACZ,wCACA,gEACJ,EACD;GACD,aAAU;GACV,GAAI;aAEH,IACC,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAY,EAAK;IAChC,cAAY,cAAc,OAAO,IAAO,EAAE;IAC1C,WAAW,EACT,sDACA,MAAgB,eACZ,0BACA,wCACJ,yBACA,0DACA,8CACD;IAEA;IACM,CAAA,GAET;GAEC,CAAA;EACc,CAAA;;AAIzB,EAAY,cAAc"}
+{"version":3,"file":"StepperItem.js","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        data-slot=\"item\"\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAY,EACnB,QACA,SACA,OAAO,GACP,cAAW,IACX,cACA,aACA,GAAG,KACgB;CACnB,IAAM,EAAE,gBAAa,gBAAa,mBAAgB,EAAkB,GAS9D,IAAQ,MANZ,IAAO,IACH,cACA,MAAS,IACP,YACA,aAIF,IACJ,MAAgB,KAAA,KAAa,MAAU,eAAe,CAAC;CAOzD,OACE,kBAAC,GAAD;EAAoB,OAN4B,EAAM,eAC/C;GAAE;GAAM;GAAO;EAAS,IAC/B;GAAC;GAAM;GAAO;EAAQ,CAIK;YACzB,kBAAC,MAAD;GACO;GACL,gBAAc,MAAU,YAAY,SAAS,KAAA;GAC7C,WAAW,EACT,MAAgB,eACZ,wCACA,gEACJ,CACF;GACA,aAAU;GACV,GAAI;aAEH,IACC,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAY,CAAI;IAC/B,cAAY,cAAc,OAAO,IAAO,CAAC;IACzC,WAAW,EACT,sDACA,MAAgB,eACZ,0BACA,wCACJ,yBACA,0DACA,6CACF;IAEC;GACK,CAAA,IAER;EAEA,CAAA;CACc,CAAA;AAExB;AAEA,EAAY,cAAc"}

package/dist/components/Stepper/StepperTitle.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Stepper.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,...o}){let{orientation:s}=r.useStepperContext();return(0,a.jsx)(n.Text,{ref:e,as:`span`,size:`sm`,weight:`medium`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,i),"data-slot":`title`,...o})}o.displayName=`StepperTitle`,exports.StepperTitle=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Text/Text.cjs"),r=require("./Stepper.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,className:i,...o}){let{orientation:s}=r.useStepperContext();return(0,a.jsx)(n.Text,{ref:e,as:`span`,size:`sm`,weight:`medium`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,i),"data-slot":`title`,...o})}o.displayName=`StepperTitle`,exports.StepperTitle=o;
 //# sourceMappingURL=StepperTitle.cjs.map

package/dist/components/Stepper/StepperTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StepperTitle.cjs","names":[],"sources":["../../../src/components/Stepper/StepperTitle.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":"iPAaA,SAAS,EAAa,CAAE,MAAK,YAAW,GAAG,GAA4B,CACrE,GAAM,CAAE,eAAgB,EAAA,mBAAmB,CAE3C,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,OAAO,SACP,UAAW,EAAA,GACT,IAAgB,cAAgB,oBAChC,EACD,CACD,YAAU,QACV,GAAI,EACJ,CAAA,CAIN,EAAa,YAAc"}
+{"version":3,"file":"StepperTitle.cjs","names":[],"sources":["../../../src/components/Stepper/StepperTitle.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":"iPAaA,SAAS,EAAa,CAAE,MAAK,YAAW,GAAG,GAA4B,CACrE,GAAM,CAAE,eAAgB,EAAA,kBAAkB,EAE1C,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,OAAO,SACP,UAAW,EAAA,GACT,IAAgB,cAAgB,oBAChC,CACF,EACA,YAAU,QACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAa,YAAc"}

package/dist/components/Stepper/StepperTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperTitle.js","names":[],"sources":["../../../src/components/Stepper/StepperTitle.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAa,EAAE,QAAK,cAAW,GAAG,KAA4B;CACrE,IAAM,EAAE,mBAAgB,GAAmB;AAE3C,QACE,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,QAAO;EACP,WAAW,EACT,MAAgB,gBAAgB,qBAChC,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAa,cAAc"}
+{"version":3,"file":"StepperTitle.js","names":[],"sources":["../../../src/components/Stepper/StepperTitle.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAa,EAAE,QAAK,cAAW,GAAG,KAA4B;CACrE,IAAM,EAAE,mBAAgB,EAAkB;CAE1C,OACE,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,QAAO;EACP,WAAW,EACT,MAAgB,gBAAgB,qBAChC,CACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAa,cAAc"}

package/dist/components/Switch/Switch.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../Text/Text.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Switch.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:o,size:c,checked:l,defaultChecked:u,onChange:d,children:f,id:p,disabled:m,...h}){let g=i.useFormFieldProps({id:p,disabled:m,"aria-describedby":h[`aria-describedby`]},{skipInvalid:!0}),[_,v]=n.useControllableState(l,u??!1,d),y=()=>{v(!_)},b={sm:_?`translate-x-4`:`translate-x-0`,md:_?`translate-x-5`:`translate-x-0`,lg:_?`translate-x-6`:`translate-x-0`}[c??`md`];return(0,s.jsxs)(`div`,{className:`inline-flex items-center gap-(--space-2)`,children:[(0,s.jsx)(`button`,{ref:e,type:`button`,role:`switch`,id:g.resolvedId,"aria-checked":_,"aria-describedby":g.ariaDescribedBy,disabled:g.resolvedDisabled,className:t.cn(a.switchVariants({size:c}),_?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-strong)`,o),"data-slot":`root`,onClick:y,...h,children:(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.switchThumbVariants({size:c}),b),"data-slot":`thumb`})}),f&&(0,s.jsx)(r.Text,{as:`span`,size:`sm`,"data-slot":`label`,children:f})]})}c.displayName=`Switch`,exports.Switch=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../hooks/use-controllable-state.cjs"),r=require("../Text/Text.cjs"),i=require("../../hooks/use-form-field-props.cjs"),a=require("./Switch.variants.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({ref:e,className:o,size:c,checked:l,defaultChecked:u,onChange:d,children:f,id:p,disabled:m,...h}){let g=i.useFormFieldProps({id:p,disabled:m,"aria-describedby":h[`aria-describedby`]},{skipInvalid:!0}),[_,v]=n.useControllableState(l,u??!1,d),y=()=>{v(!_)},b={sm:_?`translate-x-4`:`translate-x-0`,md:_?`translate-x-5`:`translate-x-0`,lg:_?`translate-x-6`:`translate-x-0`}[c??`md`];return(0,s.jsxs)(`div`,{className:`inline-flex items-center gap-(--space-2)`,children:[(0,s.jsx)(`button`,{ref:e,type:`button`,role:`switch`,id:g.resolvedId,"aria-checked":_,"aria-describedby":g.ariaDescribedBy,disabled:g.resolvedDisabled,className:t.cn(a.switchVariants({size:c}),_?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-strong)`,o),"data-slot":`root`,onClick:y,...h,children:(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.switchThumbVariants({size:c}),b),"data-slot":`thumb`})}),f&&(0,s.jsx)(r.Text,{as:`span`,size:`sm`,"data-slot":`label`,children:f})]})}c.displayName=`Switch`,exports.Switch=c;
 //# sourceMappingURL=Switch.cjs.map

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  // Translation distance per size: track width - thumb width - 2*border.\n  // sm 40 - 16 - 4 = 20 -> translate-x-5 (but translate-x-4 preserves prior\n  // visual). md 48 - 20 - 4 = 24. lg 56 - 24 - 4 = 28.\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-6\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        data-slot=\"root\"\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n          data-slot=\"thumb\"\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\" data-slot=\"label\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":"uVAuBA,SAAS,EAAO,CACd,MACA,YACA,OACA,QAAS,EACT,iBACA,WACA,WACA,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBACZ,CACE,KACA,WACA,mBAAoB,EAAM,oBAC3B,CACD,CAAE,YAAa,GAAM,CACtB,CACK,CAAC,EAAW,GAAc,EAAA,qBAC9B,EACA,GAAkB,GAClB,EACD,CAEK,MAAoB,CACxB,EAAW,CAAC,EAAU,EAMlB,EAAiB,CACrB,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,gBACnC,CAAC,GAAQ,MAEV,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,KAAK,SACL,GAAI,EAAM,WACV,eAAc,EACd,mBAAkB,EAAM,gBACxB,SAAU,EAAM,iBAChB,UAAW,EAAA,GACT,EAAA,eAAe,CAAE,OAAM,CAAC,CACxB,EAAY,wBAA0B,4BACtC,EACD,CACD,YAAU,OACV,QAAS,EACT,GAAI,YAEJ,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,oBAAoB,CAAE,OAAM,CAAC,CAAE,EAAe,CAC5D,YAAU,QACV,CAAA,CACK,CAAA,CACR,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAO,KAAK,KAAK,YAAU,QACjC,WACI,CAAA,CAEL,GAIV,EAAO,YAAc"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  // Translation distance per size: track width - thumb width - 2*border.\n  // sm 40 - 16 - 4 = 20 -> translate-x-5 (but translate-x-4 preserves prior\n  // visual). md 48 - 20 - 4 = 24. lg 56 - 24 - 4 = 28.\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-6\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        data-slot=\"root\"\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n          data-slot=\"thumb\"\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\" data-slot=\"label\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":"uVAuBA,SAAS,EAAO,CACd,MACA,YACA,OACA,QAAS,EACT,iBACA,WACA,WACA,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBACZ,CACE,KACA,WACA,mBAAoB,EAAM,mBAC5B,EACA,CAAE,YAAa,EAAK,CACtB,EACM,CAAC,EAAW,GAAc,EAAA,qBAC9B,EACA,GAAkB,GAClB,CACF,EAEM,MAAoB,CACxB,EAAW,CAAC,CAAS,CACvB,EAKM,EAAiB,CACrB,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,eACpC,EAAE,GAAQ,MAEV,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,KAAK,SACL,GAAI,EAAM,WACV,eAAc,EACd,mBAAkB,EAAM,gBACxB,SAAU,EAAM,iBAChB,UAAW,EAAA,GACT,EAAA,eAAe,CAAE,MAAK,CAAC,EACvB,EAAY,wBAA0B,4BACtC,CACF,EACA,YAAU,OACV,QAAS,EACT,GAAI,YAEJ,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,oBAAoB,CAAE,MAAK,CAAC,EAAG,CAAc,EAC3D,YAAU,OACX,CAAA,CACK,CAAA,EACP,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAO,KAAK,KAAK,YAAU,QACjC,UACG,CAAA,CAEL,GAET,CAEA,EAAO,YAAc"}

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  // Translation distance per size: track width - thumb width - 2*border.\n  // sm 40 - 16 - 4 = 20 -> translate-x-5 (but translate-x-4 preserves prior\n  // visual). md 48 - 20 - 4 = 24. lg 56 - 24 - 4 = 28.\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-6\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        data-slot=\"root\"\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n          data-slot=\"thumb\"\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\" data-slot=\"label\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAO,EACd,QACA,cACA,SACA,SAAS,GACT,mBACA,aACA,aACA,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EACZ;EACE;EACA;EACA,oBAAoB,EAAM;EAC3B,EACD,EAAE,aAAa,IAAM,CACtB,EACK,CAAC,GAAW,KAAc,EAC9B,GACA,KAAkB,IAClB,EACD,EAEK,UAAoB;AACxB,IAAW,CAAC,EAAU;IAMlB,IAAiB;EACrB,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EACnC,CAAC,KAAQ;AAEV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACO;GACL,MAAK;GACL,MAAK;GACL,IAAI,EAAM;GACV,gBAAc;GACd,oBAAkB,EAAM;GACxB,UAAU,EAAM;GAChB,WAAW,EACT,EAAe,EAAE,SAAM,CAAC,EACxB,IAAY,0BAA0B,6BACtC,EACD;GACD,aAAU;GACV,SAAS;GACT,GAAI;aAEJ,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAoB,EAAE,SAAM,CAAC,EAAE,EAAe;IAC5D,aAAU;IACV,CAAA;GACK,CAAA,EACR,KACC,kBAAC,GAAD;GAAM,IAAG;GAAO,MAAK;GAAK,aAAU;GACjC;GACI,CAAA,CAEL;;;AAIV,EAAO,cAAc"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  // Translation distance per size: track width - thumb width - 2*border.\n  // sm 40 - 16 - 4 = 20 -> translate-x-5 (but translate-x-4 preserves prior\n  // visual). md 48 - 20 - 4 = 24. lg 56 - 24 - 4 = 28.\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-6\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        data-slot=\"root\"\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n          data-slot=\"thumb\"\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\" data-slot=\"label\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAO,EACd,QACA,cACA,SACA,SAAS,GACT,mBACA,aACA,aACA,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EACZ;EACE;EACA;EACA,oBAAoB,EAAM;CAC5B,GACA,EAAE,aAAa,GAAK,CACtB,GACM,CAAC,GAAW,KAAc,EAC9B,GACA,KAAkB,IAClB,CACF,GAEM,UAAoB;EACxB,EAAW,CAAC,CAAS;CACvB,GAKM,IAAiB;EACrB,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;CACpC,EAAE,KAAQ;CAEV,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACO;GACL,MAAK;GACL,MAAK;GACL,IAAI,EAAM;GACV,gBAAc;GACd,oBAAkB,EAAM;GACxB,UAAU,EAAM;GAChB,WAAW,EACT,EAAe,EAAE,QAAK,CAAC,GACvB,IAAY,0BAA0B,6BACtC,CACF;GACA,aAAU;GACV,SAAS;GACT,GAAI;aAEJ,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAoB,EAAE,QAAK,CAAC,GAAG,CAAc;IAC3D,aAAU;GACX,CAAA;EACK,CAAA,GACP,KACC,kBAAC,GAAD;GAAM,IAAG;GAAO,MAAK;GAAK,aAAU;GACjC;EACG,CAAA,CAEL;;AAET;AAEA,EAAO,cAAc"}

package/dist/components/Switch/Switch.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`inline-flex items-center shrink-0`,`rounded-full`,`border-2 border-transparent`,`transition-colors duration-150`,`cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`],{variants:{size:{sm:`h-6 w-10`,md:`h-7 w-12`,lg:`h-8 w-14`}},defaultVariants:{size:`md`}}),n=e.cva([`block rounded-full`,`bg-(--nuka-text-inverse)`,`transition-transform duration-150`,`pointer-events-none`],{variants:{size:{sm:`size-4`,md:`size-5`,lg:`size-6`}},defaultVariants:{size:`md`}});exports.switchThumbVariants=n,exports.switchVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`inline-flex items-center shrink-0`,`rounded-full`,`border-2 border-transparent`,`transition-colors duration-150`,`cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`],{variants:{size:{sm:`h-6 w-10`,md:`h-7 w-12`,lg:`h-8 w-14`}},defaultVariants:{size:`md`}}),n=e.cva([`block rounded-full`,`bg-(--nuka-text-inverse)`,`transition-transform duration-150`,`pointer-events-none`],{variants:{size:{sm:`size-4`,md:`size-5`,lg:`size-6`}},defaultVariants:{size:`md`}});exports.switchThumbVariants=n,exports.switchVariants=t;
 //# sourceMappingURL=Switch.variants.cjs.map

package/dist/components/Switch/Switch.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.variants.cjs","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      // sm stays at WCAG 2.5.8 minimum (24x40); md and lg step up in height,\n      // width, and thumb size so the ramp is visually distinct. All sizes pass\n      // the 24x24 touch-target minimum.\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-7 w-12\",\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    // Thumb sits inside the track (switchVariants). The track is the 24x24+\n    // touch target; the thumb is a decorative sub-element.\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":"8EAEA,IAAa,EAAiB,EAAA,IAC5B,CACE,oCACA,eACA,8BACA,iCACA,iBACA,yDACA,8CACA,kDACD,CACD,CACE,SAAU,CAIR,KAAM,CACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CACE,qBACA,2BACA,oCACA,sBACD,CACD,CAGE,SAAU,CACR,KAAM,CAEJ,GAAI,SAEJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Switch.variants.cjs","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      // sm stays at WCAG 2.5.8 minimum (24x40); md and lg step up in height,\n      // width, and thumb size so the ramp is visually distinct. All sizes pass\n      // the 24x24 touch-target minimum.\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-7 w-12\",\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    // Thumb sits inside the track (switchVariants). The track is the 24x24+\n    // touch target; the thumb is a decorative sub-element.\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":"8EAEA,IAAa,EAAiB,EAAA,IAC5B,CACE,oCACA,eACA,8BACA,iCACA,iBACA,yDACA,8CACA,iDACF,EACA,CACE,SAAU,CAIR,KAAM,CACJ,GAAI,WACJ,GAAI,WACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEa,EAAsB,EAAA,IACjC,CACE,qBACA,2BACA,oCACA,qBACF,EACA,CAGE,SAAU,CACR,KAAM,CAEJ,GAAI,SAEJ,GAAI,SACJ,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF"}

package/dist/components/Switch/Switch.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.variants.js","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      // sm stays at WCAG 2.5.8 minimum (24x40); md and lg step up in height,\n      // width, and thumb size so the ramp is visually distinct. All sizes pass\n      // the 24x24 touch-target minimum.\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-7 w-12\",\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    // Thumb sits inside the track (switchVariants). The track is the 24x24+\n    // touch target; the thumb is a decorative sub-element.\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":";;AAEA,IAAa,IAAiB,EAC5B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EAIR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACD,EACD;CAGE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}
+{"version":3,"file":"Switch.variants.js","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      // sm stays at WCAG 2.5.8 minimum (24x40); md and lg step up in height,\n      // width, and thumb size so the ramp is visually distinct. All sizes pass\n      // the 24x24 touch-target minimum.\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-7 w-12\",\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    // Thumb sits inside the track (switchVariants). The track is the 24x24+\n    // touch target; the thumb is a decorative sub-element.\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":";;AAEA,IAAa,IAAiB,EAC5B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EAIR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GAEa,IAAsB,EACjC;CACE;CACA;CACA;CACA;AACF,GACA;CAGE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF"}

package/dist/components/Table/Table.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`),r=require(`./Table.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,caption:o,variant:s=`default`,className:c,children:l,...u}){return(0,a.jsx)(n.TableContext,{value:i.useMemo(()=>({variant:s??`default`}),[s]),children:(0,a.jsx)(`div`,{ref:e,"data-slot":`root`,"data-variant":s,className:t.cn(r.tableVariants({variant:s}),c),...u,children:(0,a.jsxs)(`table`,{"data-slot":`table`,className:`w-full border-collapse text-sm`,children:[(0,a.jsx)(`caption`,{"data-slot":`caption`,className:`sr-only`,children:o}),l]})})})}o.displayName=`Table`,exports.Table=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Table.context.cjs"),r=require("./Table.variants.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,caption:o,variant:s=`default`,className:c,children:l,...u}){return(0,a.jsx)(n.TableContext,{value:i.useMemo(()=>({variant:s??`default`}),[s]),children:(0,a.jsx)(`div`,{ref:e,"data-slot":`root`,"data-variant":s,className:t.cn(r.tableVariants({variant:s}),c),...u,children:(0,a.jsxs)(`table`,{"data-slot":`table`,className:`w-full border-collapse text-sm`,children:[(0,a.jsx)(`caption`,{"data-slot":`caption`,className:`sr-only`,children:o}),l]})})})}o.displayName=`Table`,exports.Table=o;
 //# sourceMappingURL=Table.cjs.map

package/dist/components/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table data-slot=\"table\" className=\"w-full border-collapse text-sm\">\n          <caption data-slot=\"caption\" className=\"sr-only\">\n            {caption}\n          </caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":"mPAoBA,SAAS,EAAM,CACb,MACA,UACA,UAAU,UACV,YACA,WACA,GAAG,GACU,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,MANwB,EAAM,aACrC,CAAE,QAAS,GAAW,UAAW,EACxC,CAAC,EAAQ,CACV,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,YAAU,OACV,eAAc,EACd,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CACpD,GAAI,YAEJ,EAAA,EAAA,MAAC,QAAD,CAAO,YAAU,QAAQ,UAAU,0CAAnC,EACE,EAAA,EAAA,KAAC,UAAD,CAAS,YAAU,UAAU,UAAU,mBACpC,EACO,CAAA,CACT,EACK,GACJ,CAAA,CACO,CAAA,CAInB,EAAM,YAAc"}
+{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table data-slot=\"table\" className=\"w-full border-collapse text-sm\">\n          <caption data-slot=\"caption\" className=\"sr-only\">\n            {caption}\n          </caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":"mPAoBA,SAAS,EAAM,CACb,MACA,UACA,UAAU,UACV,YACA,WACA,GAAG,GACU,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,MANwB,EAAM,aACrC,CAAE,QAAS,GAAW,SAAU,GACvC,CAAC,CAAO,CAIa,YACnB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,YAAU,OACV,eAAc,EACd,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EACnD,GAAI,YAEJ,EAAA,EAAA,MAAC,QAAD,CAAO,YAAU,QAAQ,UAAU,0CAAnC,EACE,EAAA,EAAA,KAAC,UAAD,CAAS,YAAU,UAAU,UAAU,mBACpC,CACM,CAAA,EACR,CACI,GACJ,CAAA,CACO,CAAA,CAElB,CAEA,EAAM,YAAc"}

package/dist/components/Table/Table.context.cjs

@@ -1,2 +1,2 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)({variant:`default`});function n(){return(0,e.useContext)(t)}exports.TableContext=t,exports.useTableContext=n;
+"use client";let e=require("react");var t=(0,e.createContext)({variant:`default`});function n(){return(0,e.use)(t)}exports.TableContext=t,exports.useTableContext=n;
 //# sourceMappingURL=Table.context.cjs.map

package/dist/components/Table/Table.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.context.cjs","names":[],"sources":["../../../src/components/Table/Table.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface TableContextValue {\n  variant: \"default\" | \"bordered\";\n}\n\nconst TableContext = createContext<TableContextValue>({ variant: \"default\" });\n\nfunction useTableContext(): TableContextValue {\n  return useContext(TableContext);\n}\n\nexport { TableContext, useTableContext };\n"],"mappings":"oFAOA,IAAM,GAAA,EAAA,EAAA,eAAgD,CAAE,QAAS,UAAW,CAAC,CAE7E,SAAS,GAAqC,CAC5C,OAAA,EAAA,EAAA,YAAkB,EAAa"}
+{"version":3,"file":"Table.context.cjs","names":[],"sources":["../../../src/components/Table/Table.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface TableContextValue {\n  variant: \"default\" | \"bordered\";\n}\n\nconst TableContext = createContext<TableContextValue>({ variant: \"default\" });\n\nfunction useTableContext(): TableContextValue {\n  return use(TableContext);\n}\n\nexport { TableContext, useTableContext };\n"],"mappings":"oCAOA,IAAM,GAAA,EAAA,EAAA,eAAgD,CAAE,QAAS,SAAU,CAAC,EAE5E,SAAS,GAAqC,CAC5C,OAAA,EAAA,EAAA,KAAW,CAAY,CACzB"}

package/dist/components/Table/Table.context.js

@@ -1,5 +1,5 @@
 "use client";
-import { createContext as e, useContext as t } from "react";
+import { createContext as e, use as t } from "react";
 //#region src/components/Table/Table.context.tsx
 var n = e({ variant: "default" });
 function r() {

package/dist/components/Table/Table.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.context.js","names":[],"sources":["../../../src/components/Table/Table.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface TableContextValue {\n  variant: \"default\" | \"bordered\";\n}\n\nconst TableContext = createContext<TableContextValue>({ variant: \"default\" });\n\nfunction useTableContext(): TableContextValue {\n  return useContext(TableContext);\n}\n\nexport { TableContext, useTableContext };\n"],"mappings":";;;AAOA,IAAM,IAAe,EAAiC,EAAE,SAAS,WAAW,CAAC;AAE7E,SAAS,IAAqC;AAC5C,QAAO,EAAW,EAAa"}
+{"version":3,"file":"Table.context.js","names":[],"sources":["../../../src/components/Table/Table.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface TableContextValue {\n  variant: \"default\" | \"bordered\";\n}\n\nconst TableContext = createContext<TableContextValue>({ variant: \"default\" });\n\nfunction useTableContext(): TableContextValue {\n  return use(TableContext);\n}\n\nexport { TableContext, useTableContext };\n"],"mappings":";;;AAOA,IAAM,IAAe,EAAiC,EAAE,SAAS,UAAU,CAAC;AAE5E,SAAS,IAAqC;CAC5C,OAAO,EAAI,CAAY;AACzB"}

package/dist/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table data-slot=\"table\" className=\"w-full border-collapse text-sm\">\n          <caption data-slot=\"caption\" className=\"sr-only\">\n            {caption}\n          </caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":";;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,YACA,aAAU,WACV,cACA,aACA,GAAG,KACU;AAMb,QACE,kBAAC,GAAD;EAAc,OANwB,EAAM,eACrC,EAAE,SAAS,KAAW,WAAW,GACxC,CAAC,EAAQ,CACV;YAIG,kBAAC,OAAD;GACO;GACL,aAAU;GACV,gBAAc;GACd,WAAW,EAAG,EAAc,EAAE,YAAS,CAAC,EAAE,EAAU;GACpD,GAAI;aAEJ,kBAAC,SAAD;IAAO,aAAU;IAAQ,WAAU;cAAnC,CACE,kBAAC,WAAD;KAAS,aAAU;KAAU,WAAU;eACpC;KACO,CAAA,EACT,EACK;;GACJ,CAAA;EACO,CAAA;;AAInB,EAAM,cAAc"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table data-slot=\"table\" className=\"w-full border-collapse text-sm\">\n          <caption data-slot=\"caption\" className=\"sr-only\">\n            {caption}\n          </caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":";;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,YACA,aAAU,WACV,cACA,aACA,GAAG,KACU;CAMb,OACE,kBAAC,GAAD;EAAc,OANwB,EAAM,eACrC,EAAE,SAAS,KAAW,UAAU,IACvC,CAAC,CAAO,CAIa;YACnB,kBAAC,OAAD;GACO;GACL,aAAU;GACV,gBAAc;GACd,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;GACnD,GAAI;aAEJ,kBAAC,SAAD;IAAO,aAAU;IAAQ,WAAU;cAAnC,CACE,kBAAC,WAAD;KAAS,aAAU;KAAU,WAAU;eACpC;IACM,CAAA,GACR,CACI;;EACJ,CAAA;CACO,CAAA;AAElB;AAEA,EAAM,cAAc"}

package/dist/components/Table/Table.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`overflow-x-auto`],{variants:{variant:{default:``,bordered:[`border border-(--nuka-border-base)`,`rounded-(--radius-lg)`]}},defaultVariants:{variant:`default`}});exports.tableVariants=e;
+var e=require("../../node_modules/class-variance-authority/dist/index.cjs").cva([`overflow-x-auto`],{variants:{variant:{default:``,bordered:[`border border-(--nuka-border-base)`,`rounded-(--radius-lg)`]}},defaultVariants:{variant:`default`}});exports.tableVariants=e;
 //# sourceMappingURL=Table.variants.cjs.map

package/dist/components/Table/Table.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.variants.cjs","names":[],"sources":["../../../src/components/Table/Table.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tableVariants = cva([\"overflow-x-auto\"], {\n  variants: {\n    variant: {\n      default: \"\",\n      bordered: [\"border border-(--nuka-border-base)\", \"rounded-(--radius-lg)\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TableVariantProps = VariantProps<typeof tableVariants>;\n"],"mappings":"AAEA,IAAa,wEAAgB,IAAI,CAAC,kBAAkB,CAAE,CACpD,SAAU,CACR,QAAS,CACP,QAAS,GACT,SAAU,CAAC,qCAAsC,wBAAwB,CAC1E,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CAAC"}
+{"version":3,"file":"Table.variants.cjs","names":[],"sources":["../../../src/components/Table/Table.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tableVariants = cva([\"overflow-x-auto\"], {\n  variants: {\n    variant: {\n      default: \"\",\n      bordered: [\"border border-(--nuka-border-base)\", \"rounded-(--radius-lg)\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TableVariantProps = VariantProps<typeof tableVariants>;\n"],"mappings":"AAEA,IAAa,sEAAgB,EAAA,IAAI,CAAC,iBAAiB,EAAG,CACpD,SAAU,CACR,QAAS,CACP,QAAS,GACT,SAAU,CAAC,qCAAsC,uBAAuB,CAC1E,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC"}

package/dist/components/Table/Table.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.variants.js","names":[],"sources":["../../../src/components/Table/Table.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tableVariants = cva([\"overflow-x-auto\"], {\n  variants: {\n    variant: {\n      default: \"\",\n      bordered: [\"border border-(--nuka-border-base)\", \"rounded-(--radius-lg)\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TableVariantProps = VariantProps<typeof tableVariants>;\n"],"mappings":";;AAEA,IAAa,IAAgB,EAAI,CAAC,kBAAkB,EAAE;CACpD,UAAU,EACR,SAAS;EACP,SAAS;EACT,UAAU,CAAC,sCAAsC,wBAAwB;EAC1E,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC"}
+{"version":3,"file":"Table.variants.js","names":[],"sources":["../../../src/components/Table/Table.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const tableVariants = cva([\"overflow-x-auto\"], {\n  variants: {\n    variant: {\n      default: \"\",\n      bordered: [\"border border-(--nuka-border-base)\", \"rounded-(--radius-lg)\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TableVariantProps = VariantProps<typeof tableVariants>;\n"],"mappings":";;AAEA,IAAa,IAAgB,EAAI,CAAC,iBAAiB,GAAG;CACpD,UAAU,EACR,SAAS;EACP,SAAS;EACT,UAAU,CAAC,sCAAsC,uBAAuB;CAC1E,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}

package/dist/components/Table/TableBody.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`tbody`,{ref:e,className:t.cn(n),"data-slot":`body`,...i})}i.displayName=`TableBody`,exports.TableBody=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,className:n,...i}){return(0,r.jsx)(`tbody`,{ref:e,className:t.cn(n),"data-slot":`body`,...i})}i.displayName=`TableBody`,exports.TableBody=i;
 //# sourceMappingURL=TableBody.cjs.map

package/dist/components/Table/TableBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.cjs","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableBody({ ref, className, ...props }: TableBodyProps) {\n  return (\n    <tbody ref={ref} className={cn(className)} data-slot=\"body\" {...props} />\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":"gLASA,SAAS,EAAU,CAAE,MAAK,YAAW,GAAG,GAAyB,CAC/D,OACE,EAAA,EAAA,KAAC,QAAD,CAAY,MAAK,UAAW,EAAA,GAAG,EAAU,CAAE,YAAU,OAAO,GAAI,EAAS,CAAA,CAI7E,EAAU,YAAc"}
+{"version":3,"file":"TableBody.cjs","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableBody({ ref, className, ...props }: TableBodyProps) {\n  return (\n    <tbody ref={ref} className={cn(className)} data-slot=\"body\" {...props} />\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":"gLASA,SAAS,EAAU,CAAE,MAAK,YAAW,GAAG,GAAyB,CAC/D,OACE,EAAA,EAAA,KAAC,QAAD,CAAY,MAAK,UAAW,EAAA,GAAG,CAAS,EAAG,YAAU,OAAO,GAAI,CAAQ,CAAA,CAE5E,CAEA,EAAU,YAAc"}

package/dist/components/Table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableBody({ ref, className, ...props }: TableBodyProps) {\n  return (\n    <tbody ref={ref} className={cn(className)} data-slot=\"body\" {...props} />\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":";;;;;AASA,SAAS,EAAU,EAAE,QAAK,cAAW,GAAG,KAAyB;AAC/D,QACE,kBAAC,SAAD;EAAY;EAAK,WAAW,EAAG,EAAU;EAAE,aAAU;EAAO,GAAI;EAAS,CAAA;;AAI7E,EAAU,cAAc"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/Table/TableBody.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableBody({ ref, className, ...props }: TableBodyProps) {\n  return (\n    <tbody ref={ref} className={cn(className)} data-slot=\"body\" {...props} />\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"mappings":";;;;;AASA,SAAS,EAAU,EAAE,QAAK,cAAW,GAAG,KAAyB;CAC/D,OACE,kBAAC,SAAD;EAAY;EAAK,WAAW,EAAG,CAAS;EAAG,aAAU;EAAO,GAAI;CAAQ,CAAA;AAE5E;AAEA,EAAU,cAAc"}

package/dist/components/Table/TableCell.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,...a}){let{variant:o}=n.useTableContext();return(0,i.jsx)(`td`,{ref:e,className:t.cn(`px-(--space-4) py-(--space-3) align-middle`,o===`bordered`&&`border-r border-(--nuka-border-base) last:border-r-0`,r),"data-slot":`cell`,...a})}a.displayName=`TableCell`,exports.TableCell=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Table.context.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({ref:e,className:r,...a}){let{variant:o}=n.useTableContext();return(0,i.jsx)(`td`,{ref:e,className:t.cn(`px-(--space-4) py-(--space-3) align-middle`,o===`bordered`&&`border-r border-(--nuka-border-base) last:border-r-0`,r),"data-slot":`cell`,...a})}a.displayName=`TableCell`,exports.TableCell=a;
 //# sourceMappingURL=TableCell.cjs.map

package/dist/components/Table/TableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.cjs","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n}\n\nfunction TableCell({ ref, className, ...props }: TableCellProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"px-(--space-4) py-(--space-3) align-middle\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"cell\"\n      {...props}\n    />\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":"iNASA,SAAS,EAAU,CAAE,MAAK,YAAW,GAAG,GAAyB,CAC/D,GAAM,CAAE,WAAY,EAAA,iBAAiB,CAGrC,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,6CANa,IAAY,YAOX,uDACd,EACD,CACD,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAU,YAAc"}
+{"version":3,"file":"TableCell.cjs","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n}\n\nfunction TableCell({ ref, className, ...props }: TableCellProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"px-(--space-4) py-(--space-3) align-middle\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"cell\"\n      {...props}\n    />\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":"iNASA,SAAS,EAAU,CAAE,MAAK,YAAW,GAAG,GAAyB,CAC/D,GAAM,CAAE,WAAY,EAAA,gBAAgB,EAGpC,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,6CANa,IAAY,YAOX,uDACd,CACF,EACA,YAAU,OACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAU,YAAc"}

package/dist/components/Table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n}\n\nfunction TableCell({ ref, className, ...props }: TableCellProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"px-(--space-4) py-(--space-3) align-middle\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"cell\"\n      {...props}\n    />\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":";;;;;;AASA,SAAS,EAAU,EAAE,QAAK,cAAW,GAAG,KAAyB;CAC/D,IAAM,EAAE,eAAY,GAAiB;AAGrC,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,8CANa,MAAY,cAOX,wDACd,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAU,cAAc"}
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n}\n\nfunction TableCell({ ref, className, ...props }: TableCellProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"px-(--space-4) py-(--space-3) align-middle\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"cell\"\n      {...props}\n    />\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"mappings":";;;;;;AASA,SAAS,EAAU,EAAE,QAAK,cAAW,GAAG,KAAyB;CAC/D,IAAM,EAAE,eAAY,EAAgB;CAGpC,OACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,8CANa,MAAY,cAOX,wDACd,CACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAU,cAAc"}

package/dist/components/Table/TableFooter.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`tfoot`,{ref:e,className:t.cn(`border-t border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-muted) font-[number:var(--font-weight-medium)]`,n),"data-slot":`footer`,...i})}i.displayName=`TableFooter`,exports.TableFooter=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,className:n,...i}){return(0,r.jsx)(`tfoot`,{ref:e,className:t.cn(`border-t border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-muted) font-[number:var(--font-weight-medium)]`,n),"data-slot":`footer`,...i})}i.displayName=`TableFooter`,exports.TableFooter=i;
 //# sourceMappingURL=TableFooter.cjs.map

package/dist/components/Table/TableFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.cjs","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableFooter({ ref, className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-[number:var(--font-weight-medium)]\",\n        className,\n      )}\n      data-slot=\"footer\"\n      {...props}\n    />\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":"gLASA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GACT,uCACA,wBACA,mEACA,EACD,CACD,YAAU,SACV,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}
+{"version":3,"file":"TableFooter.cjs","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableFooter({ ref, className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-[number:var(--font-weight-medium)]\",\n        className,\n      )}\n      data-slot=\"footer\"\n      {...props}\n    />\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":"gLASA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GACT,uCACA,wBACA,mEACA,CACF,EACA,YAAU,SACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAY,YAAc"}

package/dist/components/Table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableFooter({ ref, className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-[number:var(--font-weight-medium)]\",\n        className,\n      )}\n      data-slot=\"footer\"\n      {...props}\n    />\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":";;;;;AASA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;AACnE,QACE,kBAAC,SAAD;EACO;EACL,WAAW,EACT,wCACA,yBACA,oEACA,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}
+{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/Table/TableFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableFooter({ ref, className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      ref={ref}\n      className={cn(\n        \"border-t border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-subtle)\",\n        \"text-(--nuka-text-muted) font-[number:var(--font-weight-medium)]\",\n        className,\n      )}\n      data-slot=\"footer\"\n      {...props}\n    />\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"mappings":";;;;;AASA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;CACnE,OACE,kBAAC,SAAD;EACO;EACL,WAAW,EACT,wCACA,yBACA,oEACA,CACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAY,cAAc"}

package/dist/components/Table/TableHead.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./Table.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o={asc:`ascending`,desc:`descending`,none:`none`},s=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 19V5`}),(0,a.jsx)(`path`,{d:`M5 12l7-7 7 7`})]}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 5v14`}),(0,a.jsx)(`path`,{d:`M19 12l-7 7-7-7`})]});function l({ref:e,sortable:i=!1,sortDirection:l=`none`,onSort:u,className:d,children:f,...p}){let{variant:m}=r.useTableContext(),h=m===`bordered`;return(0,a.jsx)(`th`,{ref:e,scope:`col`,"aria-sort":i?o[l]:void 0,className:t.cn(`text-left font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)`,`px-(--space-4) py-(--space-3)`,h&&`border-r border-(--nuka-border-base) last:border-r-0`,d),"data-slot":`head-cell`,...p,children:i?(0,a.jsxs)(`button`,{type:`button`,onClick:u,className:t.cn(`group inline-flex items-center gap-(--space-1)`,`rounded-(--radius-sm)`,`-mx-(--space-1) px-(--space-1)`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:[f,(0,a.jsx)(n.Icon,{size:`sm`,children:l===`desc`?(0,a.jsx)(c,{}):(0,a.jsx)(`span`,{className:t.cn(l===`none`&&`opacity-0 group-hover:opacity-50`),children:(0,a.jsx)(s,{})})})]}):f})}l.displayName=`TableHead`,exports.TableHead=l;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Icon/Icon.cjs"),r=require("./Table.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={asc:`ascending`,desc:`descending`,none:`none`},s=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 19V5`}),(0,a.jsx)(`path`,{d:`M5 12l7-7 7 7`})]}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,a.jsx)(`path`,{d:`M12 5v14`}),(0,a.jsx)(`path`,{d:`M19 12l-7 7-7-7`})]});function l({ref:e,sortable:i=!1,sortDirection:l=`none`,onSort:u,className:d,children:f,...p}){let{variant:m}=r.useTableContext(),h=m===`bordered`;return(0,a.jsx)(`th`,{ref:e,scope:`col`,"aria-sort":i?o[l]:void 0,className:t.cn(`text-left font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)`,`px-(--space-4) py-(--space-3)`,h&&`border-r border-(--nuka-border-base) last:border-r-0`,d),"data-slot":`head-cell`,...p,children:i?(0,a.jsxs)(`button`,{type:`button`,onClick:u,className:t.cn(`group inline-flex items-center gap-(--space-1)`,`rounded-(--radius-sm)`,`-mx-(--space-1) px-(--space-1)`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:[f,(0,a.jsx)(n.Icon,{size:`sm`,children:l===`desc`?(0,a.jsx)(c,{}):(0,a.jsx)(`span`,{className:t.cn(l===`none`&&`opacity-0 group-hover:opacity-50`),children:(0,a.jsx)(s,{})})})]}):f})}l.displayName=`TableHead`,exports.TableHead=l;
 //# sourceMappingURL=TableHead.cjs.map

package/dist/components/Table/TableHead.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.cjs","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nfunction TableHead({\n  ref,\n  sortable = false,\n  sortDirection = \"none\",\n  onSort,\n  className,\n  children,\n  ...props\n}: TableHeadProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n      className={cn(\n        \"text-left font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)\",\n        \"px-(--space-4) py-(--space-3)\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"head-cell\"\n      {...props}\n    >\n      {sortable ? (\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className={cn(\n            \"group inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-sm)\",\n            \"-mx-(--space-1) px-(--space-1)\",\n            \"hover:bg-(--nuka-bg-muted)\",\n            \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n            \"focus-visible:outline-(--nuka-border-focus)\",\n          )}\n        >\n          {children}\n          <Icon size=\"sm\">\n            {sortDirection === \"desc\" ? (\n              <SortDescIcon />\n            ) : (\n              <span\n                className={cn(\n                  sortDirection === \"none\" &&\n                    \"opacity-0 group-hover:opacity-50\",\n                )}\n              >\n                <SortAscIcon />\n              </span>\n            )}\n          </Icon>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":"+OAMA,IAAM,EAAc,CAClB,IAAK,YACL,KAAM,aACN,KAAM,OACP,CAEK,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACtB,GAGF,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAoB,CAAA,CACxB,GAYR,SAAS,EAAU,CACjB,MACA,WAAW,GACX,gBAAgB,OAChB,SACA,YACA,WACA,GAAG,GACc,CACjB,GAAM,CAAE,WAAY,EAAA,iBAAiB,CAC/B,EAAa,IAAY,WAE/B,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,MAAM,MACN,YAAW,EAAW,EAAY,GAAiB,IAAA,GACnD,UAAW,EAAA,GACT,6EACA,gCACA,GAAc,uDACd,EACD,CACD,YAAU,YACV,GAAI,WAEH,GACC,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAW,EAAA,GACT,iDACA,wBACA,iCACA,6BACA,yDACA,8CACD,UAVH,CAYG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,cACR,IAAkB,QACjB,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,EAEhB,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,IAAkB,QAChB,mCACH,WAED,EAAA,EAAA,KAAC,EAAD,EAAe,CAAA,CACV,CAAA,CAEJ,CAAA,CACA,GAET,EAEC,CAAA,CAIT,EAAU,YAAc"}
+{"version":3,"file":"TableHead.cjs","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nfunction TableHead({\n  ref,\n  sortable = false,\n  sortDirection = \"none\",\n  onSort,\n  className,\n  children,\n  ...props\n}: TableHeadProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n      className={cn(\n        \"text-left font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)\",\n        \"px-(--space-4) py-(--space-3)\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"head-cell\"\n      {...props}\n    >\n      {sortable ? (\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className={cn(\n            \"group inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-sm)\",\n            \"-mx-(--space-1) px-(--space-1)\",\n            \"hover:bg-(--nuka-bg-muted)\",\n            \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n            \"focus-visible:outline-(--nuka-border-focus)\",\n          )}\n        >\n          {children}\n          <Icon size=\"sm\">\n            {sortDirection === \"desc\" ? (\n              <SortDescIcon />\n            ) : (\n              <span\n                className={cn(\n                  sortDirection === \"none\" &&\n                    \"opacity-0 group-hover:opacity-50\",\n                )}\n              >\n                <SortAscIcon />\n              </span>\n            )}\n          </Icon>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":"+OAMA,IAAM,EAAc,CAClB,IAAK,YACL,KAAM,aACN,KAAM,MACR,EAEM,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,UAAY,CAAA,GACpB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACtB,IAGD,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,UAAY,CAAA,GACpB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,iBAAmB,CAAA,CACxB,IAYP,SAAS,EAAU,CACjB,MACA,WAAW,GACX,gBAAgB,OAChB,SACA,YACA,WACA,GAAG,GACc,CACjB,GAAM,CAAE,WAAY,EAAA,gBAAgB,EAC9B,EAAa,IAAY,WAE/B,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,MAAM,MACN,YAAW,EAAW,EAAY,GAAiB,IAAA,GACnD,UAAW,EAAA,GACT,6EACA,gCACA,GAAc,uDACd,CACF,EACA,YAAU,YACV,GAAI,WAEH,GACC,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAW,EAAA,GACT,iDACA,wBACA,iCACA,6BACA,yDACA,6CACF,WAVF,CAYG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,cACR,IAAkB,QACjB,EAAA,EAAA,KAAC,EAAD,CAAe,CAAA,GAEf,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,IAAkB,QAChB,kCACJ,YAEA,EAAA,EAAA,KAAC,EAAD,CAAc,CAAA,CACV,CAAA,CAEJ,CAAA,CACA,IAER,CAEA,CAAA,CAER,CAEA,EAAU,YAAc"}

package/dist/components/Table/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nfunction TableHead({\n  ref,\n  sortable = false,\n  sortDirection = \"none\",\n  onSort,\n  className,\n  children,\n  ...props\n}: TableHeadProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n      className={cn(\n        \"text-left font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)\",\n        \"px-(--space-4) py-(--space-3)\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"head-cell\"\n      {...props}\n    >\n      {sortable ? (\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className={cn(\n            \"group inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-sm)\",\n            \"-mx-(--space-1) px-(--space-1)\",\n            \"hover:bg-(--nuka-bg-muted)\",\n            \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n            \"focus-visible:outline-(--nuka-border-focus)\",\n          )}\n        >\n          {children}\n          <Icon size=\"sm\">\n            {sortDirection === \"desc\" ? (\n              <SortDescIcon />\n            ) : (\n              <span\n                className={cn(\n                  sortDirection === \"none\" &&\n                    \"opacity-0 group-hover:opacity-50\",\n                )}\n              >\n                <SortAscIcon />\n              </span>\n            )}\n          </Icon>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":";;;;;;;AAMA,IAAM,IAAc;CAClB,KAAK;CACL,MAAM;CACN,MAAM;CACP,EAEK,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,EACrB,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA,CACtB;IAGF,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,EACrB,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA,CACxB;;AAYR,SAAS,EAAU,EACjB,QACA,cAAW,IACX,mBAAgB,QAChB,WACA,cACA,aACA,GAAG,KACc;CACjB,IAAM,EAAE,eAAY,GAAiB,EAC/B,IAAa,MAAY;AAE/B,QACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,aAAW,IAAW,EAAY,KAAiB,KAAA;EACnD,WAAW,EACT,8EACA,iCACA,KAAc,wDACd,EACD;EACD,aAAU;EACV,GAAI;YAEH,IACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAW,EACT,kDACA,yBACA,kCACA,8BACA,0DACA,8CACD;aAVH,CAYG,GACD,kBAAC,GAAD;IAAM,MAAK;cACR,MAAkB,SACjB,kBAAC,GAAD,EAAgB,CAAA,GAEhB,kBAAC,QAAD;KACE,WAAW,EACT,MAAkB,UAChB,mCACH;eAED,kBAAC,GAAD,EAAe,CAAA;KACV,CAAA;IAEJ,CAAA,CACA;OAET;EAEC,CAAA;;AAIT,EAAU,cAAc"}
+{"version":3,"file":"TableHead.js","names":[],"sources":["../../../src/components/Table/TableHead.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useTableContext } from \"@nuka/components/Table/Table.context\";\n\nconst ariaSortMap = {\n  asc: \"ascending\",\n  desc: \"descending\",\n  none: \"none\",\n} as const;\n\nconst SortAscIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 19V5\" />\n    <path d=\"M5 12l7-7 7 7\" />\n  </svg>\n);\n\nconst SortDescIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"M19 12l-7 7-7-7\" />\n  </svg>\n);\n\nexport type SortDirection = \"asc\" | \"desc\" | \"none\";\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  ref?: React.Ref<HTMLTableCellElement> | undefined;\n  sortable?: boolean;\n  sortDirection?: SortDirection;\n  onSort?: () => void;\n}\n\nfunction TableHead({\n  ref,\n  sortable = false,\n  sortDirection = \"none\",\n  onSort,\n  className,\n  children,\n  ...props\n}: TableHeadProps) {\n  const { variant } = useTableContext();\n  const isBordered = variant === \"bordered\";\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortable ? ariaSortMap[sortDirection] : undefined}\n      className={cn(\n        \"text-left font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)\",\n        \"px-(--space-4) py-(--space-3)\",\n        isBordered && \"border-r border-(--nuka-border-base) last:border-r-0\",\n        className,\n      )}\n      data-slot=\"head-cell\"\n      {...props}\n    >\n      {sortable ? (\n        <button\n          type=\"button\"\n          onClick={onSort}\n          className={cn(\n            \"group inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-sm)\",\n            \"-mx-(--space-1) px-(--space-1)\",\n            \"hover:bg-(--nuka-bg-muted)\",\n            \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n            \"focus-visible:outline-(--nuka-border-focus)\",\n          )}\n        >\n          {children}\n          <Icon size=\"sm\">\n            {sortDirection === \"desc\" ? (\n              <SortDescIcon />\n            ) : (\n              <span\n                className={cn(\n                  sortDirection === \"none\" &&\n                    \"opacity-0 group-hover:opacity-50\",\n                )}\n              >\n                <SortAscIcon />\n              </span>\n            )}\n          </Icon>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"mappings":";;;;;;;AAMA,IAAM,IAAc;CAClB,KAAK;CACL,MAAM;CACN,MAAM;AACR,GAEM,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA,CACtB;IAGD,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA,CACxB;;AAYP,SAAS,EAAU,EACjB,QACA,cAAW,IACX,mBAAgB,QAChB,WACA,cACA,aACA,GAAG,KACc;CACjB,IAAM,EAAE,eAAY,EAAgB,GAC9B,IAAa,MAAY;CAE/B,OACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,aAAW,IAAW,EAAY,KAAiB,KAAA;EACnD,WAAW,EACT,8EACA,iCACA,KAAc,wDACd,CACF;EACA,aAAU;EACV,GAAI;YAEH,IACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAW,EACT,kDACA,yBACA,kCACA,8BACA,0DACA,6CACF;aAVF,CAYG,GACD,kBAAC,GAAD;IAAM,MAAK;cACR,MAAkB,SACjB,kBAAC,GAAD,CAAe,CAAA,IAEf,kBAAC,QAAD;KACE,WAAW,EACT,MAAkB,UAChB,kCACJ;eAEA,kBAAC,GAAD,CAAc,CAAA;IACV,CAAA;GAEJ,CAAA,CACA;OAER;CAEA,CAAA;AAER;AAEA,EAAU,cAAc"}

package/dist/components/Table/TableHeader.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`thead`,{ref:e,className:t.cn(`border-b border-(--nuka-border-base)`,n),"data-slot":`header`,...i})}i.displayName=`TableHeader`,exports.TableHeader=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,className:n,...i}){return(0,r.jsx)(`thead`,{ref:e,className:t.cn(`border-b border-(--nuka-border-base)`,n),"data-slot":`header`,...i})}i.displayName=`TableHeader`,exports.TableHeader=i;
 //# sourceMappingURL=TableHeader.cjs.map

package/dist/components/Table/TableHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.cjs","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":"gLASA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GAAG,uCAAwC,EAAU,CAChE,YAAU,SACV,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.cjs","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":"gLASA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,UAAW,EAAA,GAAG,uCAAwC,CAAS,EAC/D,YAAU,SACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAY,YAAc"}

package/dist/components/Table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":";;;;;AASA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;AACnE,QACE,kBAAC,SAAD;EACO;EACL,WAAW,EAAG,wCAAwC,EAAU;EAChE,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: React.Ref<HTMLTableSectionElement> | undefined;\n}\n\nfunction TableHeader({ ref, className, ...props }: TableHeaderProps) {\n  return (\n    <thead\n      ref={ref}\n      className={cn(\"border-b border-(--nuka-border-base)\", className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"mappings":";;;;;AASA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;CACnE,OACE,kBAAC,SAAD;EACO;EACL,WAAW,EAAG,wCAAwC,CAAS;EAC/D,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAY,cAAc"}

package/dist/components/Table/TableRow.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i={default:``,danger:`bg-(--nuka-danger-bg)`,success:`bg-(--nuka-success-bg)`,warning:`bg-(--nuka-warning-bg)`};function a({ref:e,intent:n=`default`,selected:a=!1,className:o,...s}){return(0,r.jsx)(`tr`,{ref:e,"aria-selected":a?!0:void 0,className:t.cn(`border-b border-(--nuka-border-base) last:border-b-0`,i[n],a&&`bg-(--nuka-accent-bg-subtle)`,o),"data-slot":`row`,...s})}a.displayName=`TableRow`,exports.TableRow=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={default:``,danger:`bg-(--nuka-danger-bg)`,success:`bg-(--nuka-success-bg)`,warning:`bg-(--nuka-warning-bg)`};function a({ref:e,intent:n=`default`,selected:a=!1,className:o,...s}){return(0,r.jsx)(`tr`,{ref:e,"aria-selected":a?!0:void 0,className:t.cn(`border-b border-(--nuka-border-base) last:border-b-0`,i[n],a&&`bg-(--nuka-accent-bg-subtle)`,o),"data-slot":`row`,...s})}a.displayName=`TableRow`,exports.TableRow=a;
 //# sourceMappingURL=TableRow.cjs.map

package/dist/components/Table/TableRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  ref?: React.Ref<HTMLTableRowElement> | undefined;\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nfunction TableRow({\n  ref,\n  intent = \"default\",\n  selected = false,\n  className,\n  ...props\n}: TableRowProps) {\n  return (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      data-slot=\"row\"\n      {...props}\n    />\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":"gLAOA,IAAM,EAAmD,CACvD,QAAS,GACT,OAAQ,wBACR,QAAS,yBACT,QAAS,yBACV,CAQD,SAAS,EAAS,CAChB,MACA,SAAS,UACT,WAAW,GACX,YACA,GAAG,GACa,CAChB,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,gBAAe,EAAW,GAAO,IAAA,GACjC,UAAW,EAAA,GACT,uDAGA,EAAiB,GACjB,GAAY,+BACZ,EACD,CACD,YAAU,MACV,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc"}
+{"version":3,"file":"TableRow.cjs","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  ref?: React.Ref<HTMLTableRowElement> | undefined;\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nfunction TableRow({\n  ref,\n  intent = \"default\",\n  selected = false,\n  className,\n  ...props\n}: TableRowProps) {\n  return (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      data-slot=\"row\"\n      {...props}\n    />\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":"gLAOA,IAAM,EAAmD,CACvD,QAAS,GACT,OAAQ,wBACR,QAAS,yBACT,QAAS,wBACX,EAQA,SAAS,EAAS,CAChB,MACA,SAAS,UACT,WAAW,GACX,YACA,GAAG,GACa,CAChB,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,gBAAe,EAAW,GAAO,IAAA,GACjC,UAAW,EAAA,GACT,uDAGA,EAAiB,GACjB,GAAY,+BACZ,CACF,EACA,YAAU,MACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAS,YAAc"}

package/dist/components/Table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  ref?: React.Ref<HTMLTableRowElement> | undefined;\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nfunction TableRow({\n  ref,\n  intent = \"default\",\n  selected = false,\n  className,\n  ...props\n}: TableRowProps) {\n  return (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      data-slot=\"row\"\n      {...props}\n    />\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":";;;;;AAOA,IAAM,IAAmD;CACvD,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAQD,SAAS,EAAS,EAChB,QACA,YAAS,WACT,cAAW,IACX,cACA,GAAG,KACa;AAChB,QACE,kBAAC,MAAD;EACO;EACL,iBAAe,IAAW,KAAO,KAAA;EACjC,WAAW,EACT,wDAGA,EAAiB,IACjB,KAAY,gCACZ,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAS,cAAc"}
+{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/Table/TableRow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type TableRowIntent = \"default\" | \"danger\" | \"success\" | \"warning\";\n\nconst rowIntentClasses: Record<TableRowIntent, string> = {\n  default: \"\",\n  danger: \"bg-(--nuka-danger-bg)\",\n  success: \"bg-(--nuka-success-bg)\",\n  warning: \"bg-(--nuka-warning-bg)\",\n};\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  ref?: React.Ref<HTMLTableRowElement> | undefined;\n  intent?: TableRowIntent;\n  selected?: boolean;\n}\n\nfunction TableRow({\n  ref,\n  intent = \"default\",\n  selected = false,\n  className,\n  ...props\n}: TableRowProps) {\n  return (\n    <tr\n      ref={ref}\n      aria-selected={selected ? true : undefined}\n      className={cn(\n        \"border-b border-(--nuka-border-base) last:border-b-0\",\n        // Intent background first, then selected background.\n        // cn() uses tailwind-merge: the last bg-* class wins.\n        rowIntentClasses[intent],\n        selected && \"bg-(--nuka-accent-bg-subtle)\",\n        className,\n      )}\n      data-slot=\"row\"\n      {...props}\n    />\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"mappings":";;;;;AAOA,IAAM,IAAmD;CACvD,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;AACX;AAQA,SAAS,EAAS,EAChB,QACA,YAAS,WACT,cAAW,IACX,cACA,GAAG,KACa;CAChB,OACE,kBAAC,MAAD;EACO;EACL,iBAAe,IAAW,KAAO,KAAA;EACjC,WAAW,EACT,wDAGA,EAAiB,IACjB,KAAY,gCACZ,CACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAS,cAAc"}

package/dist/components/Tabs/Tabs.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`./Tabs.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,value:o,defaultValue:s,onValueChange:c,orientation:l=`horizontal`,activationMode:u=`automatic`,className:d,children:f,...p}){let[m,h]=n.useControllableState(o,s,c),g=i.useId(),[_,v]=i.useState(void 0);return(0,a.jsx)(r.TabsContext,{value:i.useMemo(()=>({value:m,onValueChange:h,orientation:l,activationMode:u,baseId:g,focusedValue:_,setFocusedValue:v}),[m,h,l,u,g,_]),children:(0,a.jsx)(`div`,{ref:e,className:t.cn(l===`horizontal`?`flex flex-col`:`flex flex-row`,d),"data-slot":`root`,...p,children:f})})}o.displayName=`Tabs`,exports.Tabs=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../hooks/use-controllable-state.cjs"),r=require("./Tabs.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,value:o,defaultValue:s,onValueChange:c,orientation:l=`horizontal`,activationMode:u=`automatic`,className:d,children:f,...p}){let[m,h]=n.useControllableState(o,s,c),g=i.useId(),[_,v]=i.useState(void 0);return(0,a.jsx)(r.TabsContext,{value:i.useMemo(()=>({value:m,onValueChange:h,orientation:l,activationMode:u,baseId:g,focusedValue:_,setFocusedValue:v}),[m,h,l,u,g,_]),children:(0,a.jsx)(`div`,{ref:e,className:t.cn(l===`horizontal`?`flex flex-col`:`flex flex-row`,d),"data-slot":`root`,...p,children:f})})}o.displayName=`Tabs`,exports.Tabs=o;
 //# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { TabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  activationMode?: \"automatic\" | \"manual\";\n}\n\nfunction Tabs({\n  ref,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  activationMode = \"automatic\",\n  className,\n  children,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const baseId = React.useId();\n  const [focusedValue, setFocusedValue] = React.useState<string | undefined>(\n    undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      value,\n      onValueChange: setValue,\n      orientation,\n      activationMode,\n      baseId,\n      focusedValue,\n      setFocusedValue,\n    }),\n    [value, setValue, orientation, activationMode, baseId, focusedValue],\n  );\n\n  return (\n    <TabsContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\n          orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\",\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </TabsContext>\n  );\n}\n\nTabs.displayName = \"Tabs\";\n\nexport { Tabs };\n"],"mappings":"oQAeA,SAAS,EAAK,CACZ,MACA,MAAO,EACP,eACA,gBACA,cAAc,aACd,iBAAiB,YACjB,YACA,WACA,GAAG,GACS,CACZ,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,EACA,EACD,CAEK,EAAS,EAAM,OAAO,CACtB,CAAC,EAAc,GAAmB,EAAM,SAC5C,IAAA,GACD,CAeD,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,MAdM,EAAM,aAClB,CACL,QACA,cAAe,EACf,cACA,iBACA,SACA,eACA,kBACD,EACD,CAAC,EAAO,EAAU,EAAa,EAAgB,EAAQ,EAAa,CACrE,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,IAAgB,aAAe,gBAAkB,gBACjD,EACD,CACD,YAAU,OACV,GAAI,EAEH,WACG,CAAA,CACM,CAAA,CAIlB,EAAK,YAAc"}
+{"version":3,"file":"Tabs.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { TabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  activationMode?: \"automatic\" | \"manual\";\n}\n\nfunction Tabs({\n  ref,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  activationMode = \"automatic\",\n  className,\n  children,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const baseId = React.useId();\n  const [focusedValue, setFocusedValue] = React.useState<string | undefined>(\n    undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      value,\n      onValueChange: setValue,\n      orientation,\n      activationMode,\n      baseId,\n      focusedValue,\n      setFocusedValue,\n    }),\n    [value, setValue, orientation, activationMode, baseId, focusedValue],\n  );\n\n  return (\n    <TabsContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\n          orientation === \"horizontal\" ? \"flex flex-col\" : \"flex flex-row\",\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </TabsContext>\n  );\n}\n\nTabs.displayName = \"Tabs\";\n\nexport { Tabs };\n"],"mappings":"oQAeA,SAAS,EAAK,CACZ,MACA,MAAO,EACP,eACA,gBACA,cAAc,aACd,iBAAiB,YACjB,YACA,WACA,GAAG,GACS,CACZ,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,EACA,CACF,EAEM,EAAS,EAAM,MAAM,EACrB,CAAC,EAAc,GAAmB,EAAM,SAC5C,IAAA,EACF,EAeA,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,MAdM,EAAM,aAClB,CACL,QACA,cAAe,EACf,cACA,iBACA,SACA,eACA,iBACF,GACA,CAAC,EAAO,EAAU,EAAa,EAAgB,EAAQ,CAAY,CAI/C,YAClB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,IAAgB,aAAe,gBAAkB,gBACjD,CACF,EACA,YAAU,OACV,GAAI,EAEH,UACE,CAAA,CACM,CAAA,CAEjB,CAEA,EAAK,YAAc"}