@alfadocs/ui-kit 0.1.7 → 0.1.9

package/dist/_chunks/radio-group-BIUbpWml.js

@@ -1,89 +0,0 @@
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as z, useId as C, useMemo as j, useRef as B } from "react";
-import * as V from "@radix-ui/react-radio-group";
-import { c as $ } from "./index-D2ZczOXr.js";
-import { a as x } from "./radio-cs8N1wJi.js";
-import { u as P } from "./use-direction-D6rvvG9G.js";
-import { c as k } from "./compose-refs-C0k0tdqF.js";
-import { C as A } from "./circle-alert-ChA9opNA.js";
-const D = $("ds:flex", {
-  variants: {
-    variant: {
-      vertical: "ds:flex-col ds:gap-[var(--spacing-sm)]",
-      horizontal: "ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]",
-      card: "ds:flex-col ds:gap-[var(--spacing-md)]"
-    }
-  },
-  defaultVariants: {
-    variant: "vertical"
-  }
-}), M = z(
-  ({
-    children: g,
-    variant: e = "vertical",
-    label: i,
-    description: a,
-    error: o,
-    required: d,
-    disabled: h,
-    className: R,
-    ...N
-  }, y) => {
-    const t = C(), n = `${t}-description`, l = `${t}-error`, b = [a ? n : null, o ? l : null].filter(Boolean).join(" ") || void 0, G = e === "horizontal" ? "horizontal" : "vertical", c = j(
-      () => ({ variant: e }),
-      [e]
-    ), p = a ? /* @__PURE__ */ s("p", { id: n, className: "type-body-sm ds:text-muted-foreground", children: a }) : null, m = o ? /* @__PURE__ */ r(
-      "p",
-      {
-        id: l,
-        role: "alert",
-        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
-        children: [
-          /* @__PURE__ */ s(A, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
-          /* @__PURE__ */ s("span", { children: o })
-        ]
-      }
-    ) : null, u = B(null), I = k(y, u), w = P(u), f = /* @__PURE__ */ s(
-      V.Root,
-      {
-        ref: I,
-        orientation: G,
-        dir: w,
-        disabled: h,
-        required: d,
-        "aria-describedby": b,
-        "aria-invalid": !!o || void 0,
-        "aria-required": d || void 0,
-        className: D({ variant: e, className: R }),
-        "data-component": "radio-group",
-        ...N,
-        children: g
-      }
-    ), v = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0";
-    return i ? /* @__PURE__ */ s(x.Provider, { value: c, children: /* @__PURE__ */ r("fieldset", { className: `${v} ds:border-0 ds:p-0 ds:m-0`, children: [
-      /* @__PURE__ */ r("legend", { className: "type-label ds:text-foreground ds:p-0", children: [
-        i,
-        d ? /* @__PURE__ */ s(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
-            children: "*"
-          }
-        ) : null
-      ] }),
-      p,
-      f,
-      m
-    ] }) }) : /* @__PURE__ */ s(x.Provider, { value: c, children: /* @__PURE__ */ r("div", { className: v, children: [
-      p,
-      f,
-      m
-    ] }) });
-  }
-);
-M.displayName = "RadioGroup";
-export {
-  M as R
-};
-//# sourceMappingURL=radio-group-BIUbpWml.js.map

package/dist/_chunks/radio-group-BIUbpWml.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group-BIUbpWml.js","sources":["../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle } from 'lucide-react';\nimport {\n  RadioGroupInternalContext,\n  type RadioGroupInternalContextShape,\n  type RadioGroupVariant,\n} from './radio-group-context';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n\nconst radioGroupVariants = cva('ds:flex', {\n  variants: {\n    variant: {\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal: 'ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]',\n      card: 'ds:flex-col ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: {\n    variant: 'vertical',\n  },\n});\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;\n\nexport interface RadioGroupProps\n  extends Omit<RadixRootProps, 'children' | 'orientation'>,\n    VariantProps<typeof radioGroupVariants> {\n  children: React.ReactNode;\n  variant?: RadioGroupVariant;\n  label?: string;\n  description?: string;\n  error?: string;\n  required?: boolean;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      children,\n      variant = 'vertical',\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const descriptionId = `${baseId}-description`;\n    const errorId = `${baseId}-error`;\n\n    const describedBy =\n      [description ? descriptionId : null, error ? errorId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const orientation: 'vertical' | 'horizontal' =\n      variant === 'horizontal' ? 'horizontal' : 'vertical';\n\n    const ctxValue: RadioGroupInternalContextShape = useMemo(\n      () => ({ variant }),\n      [variant],\n    );\n\n    const descriptionNode = description ? (\n      <p id={descriptionId} className=\"type-body-sm ds:text-muted-foreground\">\n        {description}\n      </p>\n    ) : null;\n\n    const errorNode = error ? (\n      <p\n        id={errorId}\n        role=\"alert\"\n        className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n      >\n        <AlertCircle aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n        <span>{error}</span>\n      </p>\n    ) : null;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    const root = (\n      <RadixRadioGroup.Root\n        ref={composedRef}\n        orientation={orientation}\n        dir={dir}\n        disabled={disabled}\n        required={required}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        aria-required={required || undefined}\n        className={radioGroupVariants({ variant, className })}\n        data-component=\"radio-group\"\n        {...props}\n      >\n        {children}\n      </RadixRadioGroup.Root>\n    );\n\n    const outerClasses = 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0';\n\n    if (label) {\n      return (\n        <RadioGroupInternalContext.Provider value={ctxValue}>\n          <fieldset className={`${outerClasses} ds:border-0 ds:p-0 ds:m-0`}>\n            <legend className=\"type-label ds:text-foreground ds:p-0\">\n              {label}\n              {required ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"ds:text-destructive ds:ms-[var(--spacing-xs)]\"\n                >\n                  *\n                </span>\n              ) : null}\n            </legend>\n            {descriptionNode}\n            {root}\n            {errorNode}\n          </fieldset>\n        </RadioGroupInternalContext.Provider>\n      );\n    }\n\n    return (\n      <RadioGroupInternalContext.Provider value={ctxValue}>\n        <div className={outerClasses}>\n          {descriptionNode}\n          {root}\n          {errorNode}\n        </div>\n      </RadioGroupInternalContext.Provider>\n    );\n  },\n);\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["radioGroupVariants","cva","RadioGroup","forwardRef","children","variant","label","description","error","required","disabled","className","props","ref","baseId","useId","descriptionId","errorId","describedBy","orientation","ctxValue","useMemo","descriptionNode","jsx","errorNode","jsxs","AlertCircle","rootRef","useRef","composedRef","composeRefs","dir","useDirection","root","RadixRadioGroup","outerClasses","RadioGroupInternalContext"],"mappings":";;;;;;;;AAkBA,MAAMA,IAAqBC,EAAI,WAAW;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAeYC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAASC,EAAA,GACTC,IAAgB,GAAGF,CAAM,gBACzBG,IAAU,GAAGH,CAAM,UAEnBI,IACJ,CAACX,IAAcS,IAAgB,MAAMR,IAAQS,IAAU,IAAI,EACxD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QAEZE,IACJd,MAAY,eAAe,eAAe,YAEtCe,IAA2CC;AAAA,MAC/C,OAAO,EAAE,SAAAhB,EAAA;AAAA,MACT,CAACA,CAAO;AAAA,IAAA,GAGJiB,IAAkBf,IACtB,gBAAAgB,EAAC,KAAA,EAAE,IAAIP,GAAe,WAAU,yCAC7B,UAAAT,EAAA,CACH,IACE,MAEEiB,IAAYhB,IAChB,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIR;AAAA,QACJ,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAM,EAACG,GAAA,EAAY,eAAY,QAAO,WAAU,yBAAwB;AAAA,UAClE,gBAAAH,EAAC,UAAM,UAAAf,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEb,MAEEmB,IAAUC,EAAuB,IAAI,GACrCC,IAAcC,EAAYjB,GAAKc,CAAO,GACtCI,IAAMC,EAAaL,CAAO,GAE1BM,IACJ,gBAAAV;AAAA,MAACW,EAAgB;AAAA,MAAhB;AAAA,QACC,KAAKL;AAAA,QACL,aAAAV;AAAA,QACA,KAAAY;AAAA,QACA,UAAArB;AAAA,QACA,UAAAD;AAAA,QACA,oBAAkBS;AAAA,QAClB,gBAAc,EAAQV,KAAU;AAAA,QAChC,iBAAeC,KAAY;AAAA,QAC3B,WAAWT,EAAmB,EAAE,SAAAK,GAAS,WAAAM,GAAW;AAAA,QACpD,kBAAe;AAAA,QACd,GAAGC;AAAA,QAEH,UAAAR;AAAA,MAAA;AAAA,IAAA,GAIC+B,IAAe;AAErB,WAAI7B,IAEA,gBAAAiB,EAACa,EAA0B,UAA1B,EAAmC,OAAOhB,GACzC,UAAA,gBAAAK,EAAC,YAAA,EAAS,WAAW,GAAGU,CAAY,8BAClC,UAAA;AAAA,MAAA,gBAAAV,EAAC,UAAA,EAAO,WAAU,wCACf,UAAA;AAAA,QAAAnB;AAAA,QACAG,IACC,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA,IAGC;AAAA,MAAA,GACN;AAAA,MACCD;AAAA,MACAW;AAAA,MACAT;AAAA,IAAA,EAAA,CACH,EAAA,CACF,IAKF,gBAAAD,EAACa,EAA0B,UAA1B,EAAmC,OAAOhB,GACzC,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWU,GACb,UAAA;AAAA,MAAAb;AAAA,MACAW;AAAA,MACAT;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAEJ;AACF;AAEAtB,EAAW,cAAc;"}