@xjur-ui/react 1.0.6 → 2.1.0

package/dist/components/dropdown-menu.js

@@ -1,295 +1,2 @@
-// src/components/dropdown-menu.tsx
-import "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { cx as cx3 } from "@xjur-ui/util";
-
-// src/components/list.tsx
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { cx, cva as cva2 } from "@xjur-ui/util";
-
-// src/components/typography.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "@xjur-ui/util";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-var typographyVariants = cva("", {
-  variants: {
-    variant: {
-      body: "",
-      label: "",
-      title: "",
-      headline: ""
-    },
-    size: {
-      "sm-2x": "",
-      "sm-1x": "",
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    weight: {
-      thin: "font-thin",
-      extraLight: "font-extralight",
-      light: "font-light",
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold",
-      extraBold: "font-extrabold",
-      black: "font-black"
-    }
-  },
-  compoundVariants: [
-    { variant: "body", size: "sm-1x", class: "text-size-body-sm-1x" },
-    { variant: "body", size: "sm", class: "text-size-body-sm" },
-    { variant: "body", size: "md", class: "text-size-body-md" },
-    { variant: "body", size: "lg", class: "text-size-body-lg" },
-    { variant: "label", size: "sm-2x", class: "text-size-label-sm-2x" },
-    { variant: "label", size: "sm-1x", class: "text-size-label-sm-1x" },
-    { variant: "label", size: "sm", class: "text-size-label-sm" },
-    { variant: "label", size: "md", class: "text-size-label-md" },
-    { variant: "label", size: "lg", class: "text-size-label-lg" },
-    { variant: "title", size: "sm", class: "text-size-title-sm" },
-    { variant: "title", size: "md", class: "text-size-title-md" },
-    { variant: "title", size: "lg", class: "text-size-title-lg" },
-    { variant: "headline", size: "sm", class: "text-size-headline-sm" },
-    { variant: "headline", size: "md", class: "text-size-headline-md" },
-    { variant: "headline", size: "lg", class: "text-size-headline-lg" }
-  ],
-  defaultVariants: {
-    variant: "body",
-    size: "md",
-    weight: "normal"
-  }
-});
-var Typography = memo(
-  ({
-    variant,
-    size,
-    weight,
-    asChild,
-    className,
-    ...props
-  }) => {
-    const Component = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        className: typographyVariants({ variant, size, weight, className }),
-        ...props
-      }
-    );
-  }
-);
-Typography.displayName = "Typography";
-
-// src/components/list.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ListRoot({
-  className,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "div";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      ...props,
-      className: cx(
-        className,
-        "rounded-small scrollbar-hide bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-10 max-h-[400px] list-none overflow-y-auto border"
-      )
-    }
-  );
-}
-function ListHeader({
-  className,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "div";
-  return /* @__PURE__ */ jsx2(Comp, { ...props, className: cx(className, "px-small pt-small-1x") });
-}
-function ListHeaderTitle({
-  variant = "label",
-  size = "sm",
-  weight = "medium",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    Typography,
-    {
-      className: cx(className, "text-neutral-placeholder"),
-      size,
-      variant,
-      weight,
-      ...props
-    }
-  );
-}
-function ListContent({
-  className,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "ul";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      ...props,
-      className: cx("gap-small-1x p-small flex flex-col", className)
-    }
-  );
-}
-var variants = cva2(
-  [
-    "py-medium px-small flex items-center gap-small rounded-small-1x",
-    "bg-layer-2-idle text-neutral-dark",
-    "hover:bg-layer-2-hover transition-colors duration-100 ease-out",
-    "active:bg-layer-2-pressed"
-  ],
-  {
-    variants: {
-      size: {
-        md: "h-large-4x",
-        lg: "h-large-7x"
-      },
-      isActive: {
-        true: "bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      isActive: false
-    }
-  }
-);
-function ListItem({
-  className,
-  size,
-  isActive,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "li";
-  return /* @__PURE__ */ jsx2(Comp, { ...props, className: cx(variants({ size, isActive }), className) });
-}
-
-// src/components/divider.tsx
-import "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cx as cx2 } from "@xjur-ui/util";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function Divider({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    SeparatorPrimitive.Root,
-    {
-      className: cx2(
-        "bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full",
-        "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      ...props
-    }
-  );
-}
-
-// src/components/dropdown-menu.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function DropdownMenuRoot({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  align = "start",
-  side = "bottom",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
-    DropdownMenuPrimitive.Content,
-    {
-      align,
-      className: cx3(
-        "group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)]",
-        className
-      ),
-      "data-slot": "dropdown-menu-content",
-      side,
-      sideOffset,
-      ...props,
-      children: /* @__PURE__ */ jsx4(ListRoot, { children })
-    }
-  ) });
-}
-function DropdownMenuList({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(ListContent, { ...props });
-}
-function DropdownMenuHeader({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(ListHeader, { ...props });
-}
-function DropdownMenuHeaderTitle({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(ListHeaderTitle, { ...props });
-}
-function DropdownMenuItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(ListItem, { className: cx3(className, "cursor-pointer"), ...props });
-}
-function DropdownMenuItemText({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(Typography, { ...props });
-}
-function DropdownMenuItemDivider({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(Divider, { ...props });
-}
-export {
-  DropdownMenuContent,
-  DropdownMenuHeader,
-  DropdownMenuHeaderTitle,
-  DropdownMenuItem,
-  DropdownMenuItemDivider,
-  DropdownMenuItemText,
-  DropdownMenuList,
-  DropdownMenuPortal,
-  DropdownMenuRoot,
-  DropdownMenuTrigger
-};
+export{d as DropdownMenuContent,f as DropdownMenuHeader,g as DropdownMenuHeaderTitle,h as DropdownMenuItem,j as DropdownMenuItemDivider,i as DropdownMenuItemText,e as DropdownMenuList,b as DropdownMenuPortal,a as DropdownMenuRoot,c as DropdownMenuTrigger}from'../chunk-RWMV7APX.js';import'../chunk-CBFC4QME.js';import'../chunk-KIFR5VIE.js';import'../chunk-EIG6CBTQ.js';//# sourceMappingURL=dropdown-menu.js.map
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dropdown-menu.js"}

package/dist/components/form/button.js

@@ -0,0 +1,2 @@
+export{b as Button,a as buttonVariants}from'../../chunk-PKCW37CJ.js';//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/dist/components/form/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"button.js"}

package/dist/components/form/calendar.js

@@ -0,0 +1,2 @@
+import {e}from'../../chunk-SLAAEXWI.js';import {b}from'../../chunk-PKCW37CJ.js';import {b as b$1}from'../../chunk-WV7QV2PU.js';import'react-day-picker/style.css';import {cx}from'@xjur-ui/util';import {getDefaultClassNames,DayPicker}from'react-day-picker';import {jsx,jsxs}from'react/jsx-runtime';function f(o){return o.charAt(0).toUpperCase()+o.slice(1)}function P({showOutsideDays:o=true,locale:p=e,navLayout:y="around",handleClear:n,handleToday:m,...a}){let i=getDefaultClassNames(),u={root:cx("bg-layer-2-idle shadow-elevation-2 rounded-[6px] p-small w-fit border border-border-layer-2 text-size-body-md text-neutral-dark font-inter",i.root),day:cx("rounded-circle  hover:bg-layer-2-hover"),caption_label:cx("text-size-label-md text-neutral-dark font-medium",i.caption_label),outside:cx("text-neutral-placeholder",i.outside),selected:cx("text-size-body-md bg-primary-alt-active text-primary-label-active font-medium hover:!bg-primary-alt-active"),disabled:cx("opacity-60",i.disabled),today:cx("text-neutral-dark font-medium bg-layer-2-active hover:!bg-layer-2-active"),range_start:cx("rounded-r-none text-size-body-md bg-primary-alt-active text-primary-label-active font-medium hover:!bg-primary-alt-active"),range_end:cx("rounded-l-none text-size-body-md bg-primary-alt-active text-primary-label-active font-medium hover:!bg-primary-alt-active"),range_middle:cx("!bg-primary-alt-active !text-primary-label-active rounded-none hover:!bg-primary-alt-active")};return jsx(DayPicker,{classNames:{...u,...a.classNames},components:{Chevron:({orientation:t})=>jsx(b$1,{className:"size-large text-icon-neutral-3",name:t==="left"?"chevron_left":"chevron_right"}),...a.components},footer:(n||m)&&jsxs("div",{className:"py-small border-border-layer-2 mt-small flex h-full w-full items-center justify-between border-t",children:[m&&jsx(b,{appearance:"ghost",variant:"secondary",onClick:m,children:"Hoje"}),n&&jsx(b,{appearance:"ghost",variant:"secondary",onClick:n,children:"Limpar"})]}),formatters:{formatWeekdayName:t=>{let r=t.toLocaleDateString("pt-BR",{weekday:"short"});return r.charAt(0).toUpperCase()+r.slice(1).replace(".","")},formatCaption(t){let r=t.toLocaleDateString("pt-BR",{month:"long"});return `${f(r)} ${t.getFullYear()}`},...a.formatters},locale:p,mode:a.mode??"single",navLayout:y,showOutsideDays:o,...a})}export{P as Calendar};//# sourceMappingURL=calendar.js.map
+//# sourceMappingURL=calendar.js.map

package/dist/components/form/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/calendar.tsx"],"names":["capitalize","str","Calendar","showOutsideDays","locale","ptBR","navLayout","handleClear","handleToday","props","defaultClassNames","getDefaultClassNames","classNames","cx","jsx","DayPicker","orientation","Icon","jsxs","Button","date","weekday","month","monthName"],"mappings":"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","file":"calendar.js","sourcesContent":["import 'react-day-picker/style.css'\nimport { ptBR } from 'date-fns/locale'\nimport { cx } from '@xjur-ui/util'\nimport {\n  type DayPickerProps,\n  type ClassNames,\n  DayPicker,\n  getDefaultClassNames\n} from 'react-day-picker'\nimport { Icon, type IconType } from '../icon'\nimport { Button } from '../form/button'\n\nfunction capitalize(str: string) {\n  return str.charAt(0).toUpperCase() + str.slice(1)\n}\n\nexport { type DateRange } from 'react-day-picker'\n\nexport type CalendarProps = DayPickerProps & {\n  handleClear?: () => void\n  handleToday?: () => void\n}\n\nexport function Calendar({\n  showOutsideDays = true,\n  locale = ptBR,\n  navLayout = 'around',\n  handleClear,\n  handleToday,\n  ...props\n}: CalendarProps) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const classNames: Partial<ClassNames> = {\n    root: cx(\n      'bg-layer-2-idle shadow-elevation-2 rounded-[6px] p-small w-fit border border-border-layer-2 text-size-body-md text-neutral-dark font-inter',\n      defaultClassNames.root\n    ),\n    day: cx('rounded-circle  hover:bg-layer-2-hover'),\n    caption_label: cx(\n      'text-size-label-md text-neutral-dark font-medium',\n      defaultClassNames.caption_label\n    ),\n    outside: cx('text-neutral-placeholder', defaultClassNames.outside),\n    selected: cx(\n      'text-size-body-md bg-primary-alt-active text-primary-label-active font-medium hover:!bg-primary-alt-active'\n    ),\n    disabled: cx('opacity-60', defaultClassNames.disabled),\n    today: cx(\n      'text-neutral-dark font-medium bg-layer-2-active hover:!bg-layer-2-active'\n    ),\n    range_start: cx(\n      'rounded-r-none text-size-body-md bg-primary-alt-active text-primary-label-active font-medium hover:!bg-primary-alt-active'\n    ),\n    range_end: cx(\n      'rounded-l-none text-size-body-md bg-primary-alt-active text-primary-label-active font-medium hover:!bg-primary-alt-active'\n    ),\n    range_middle: cx(\n      '!bg-primary-alt-active !text-primary-label-active rounded-none hover:!bg-primary-alt-active'\n    )\n  }\n\n  return (\n    <DayPicker\n      classNames={{ ...classNames, ...props.classNames }}\n      components={{\n        Chevron: ({ orientation }) => {\n          const icon = orientation === 'left' ? 'chevron_left' : 'chevron_right'\n          return (\n            <Icon\n              className=\"size-large text-icon-neutral-3\"\n              name={icon as IconType}\n            />\n          )\n        },\n        ...props.components\n      }}\n      footer={\n        (handleClear || handleToday) && (\n          <div className=\"py-small border-border-layer-2 mt-small flex h-full w-full items-center justify-between border-t\">\n            {handleToday && (\n              <Button\n                appearance=\"ghost\"\n                variant=\"secondary\"\n                onClick={handleToday}\n              >\n                Hoje\n              </Button>\n            )}\n            {handleClear && (\n              <Button\n                appearance=\"ghost\"\n                variant=\"secondary\"\n                onClick={handleClear}\n              >\n                Limpar\n              </Button>\n            )}\n          </div>\n        )\n      }\n      formatters={{\n        formatWeekdayName: date => {\n          const weekday = date.toLocaleDateString('pt-BR', { weekday: 'short' })\n          return (\n            weekday.charAt(0).toUpperCase() + weekday.slice(1).replace('.', '')\n          )\n        },\n        formatCaption(month) {\n          const monthName = month.toLocaleDateString('pt-BR', {\n            month: 'long'\n          })\n          return `${capitalize(monthName)} ${month.getFullYear()}`\n        },\n        ...props.formatters\n      }}\n      locale={locale}\n      mode={props.mode ?? 'single'}\n      navLayout={navLayout}\n      showOutsideDays={showOutsideDays}\n      {...props}\n    />\n  )\n}\n"]}

package/dist/components/form/checkbox.js

@@ -0,0 +1,2 @@
+import {b}from'../../chunk-WV7QV2PU.js';import {a}from'../../chunk-EIG6CBTQ.js';import*as r from'@radix-ui/react-checkbox';import {cx}from'@xjur-ui/util';import {jsxs,jsx}from'react/jsx-runtime';function y({label:o,name:i,className:l,disabled:a$1=false,...s}){let t=`field-checkbox-${i}`;return jsxs("div",{className:"group gap-small flex items-center",children:[jsx(r.Root,{disabled:a$1,...s,className:cx("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",l),id:t,name:i,children:jsx(r.Indicator,{className:"flex items-center justify-center",children:jsx(b,{className:"text-neutral-label",name:"check"})})}),!!o&&jsx(a,{asChild:true,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":a$1,weight:"medium",children:jsx("label",{htmlFor:t,children:o})})]})}export{y as Checkbox};//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/dist/components/form/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/checkbox.tsx"],"names":["Checkbox","label","name","className","disabled","props","fieldId","jsxs","jsx","cx","Icon","Typography"],"mappings":"mMAKO,SAASA,CAAAA,CAAS,CACvB,KAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,GAAAA,CAAW,KAAA,CACX,GAAGC,CACL,CAAA,CAEG,CACD,IAAMC,CAAAA,CAAU,kBAAkBJ,CAAI,CAAA,CAAA,CAEtC,OACEK,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,oCACb,QAAA,CAAA,CAAAC,GAAAA,CAAkB,OAAjB,CACC,QAAA,CAAUJ,IACT,GAAGC,CAAAA,CACJ,SAAA,CAAWI,EAAAA,CAET,yJAAA,CAEA,+DAAA,CAEA,iFAEA,mFAAA,CAEA,gDAAA,CAEA,0FACAN,CACF,CAAA,CACA,GAAIG,CAAAA,CACJ,IAAA,CAAMJ,CAAAA,CAEN,QAAA,CAAAM,GAAAA,CAAkB,CAAA,CAAA,SAAA,CAAjB,CAA2B,SAAA,CAAU,kCAAA,CACpC,SAAAA,GAAAA,CAACE,CAAAA,CAAA,CAAK,SAAA,CAAU,oBAAA,CAAqB,IAAA,CAAK,OAAA,CAAQ,CAAA,CACpD,CAAA,CACF,EAEC,CAAC,CAACT,GACDO,GAAAA,CAACG,CAAAA,CAAA,CACC,OAAA,CAAS,IAAA,CACT,SAAA,CAAU,mDAAA,CACV,eAAA,CAAeP,GAAAA,CACf,OAAO,QAAA,CAEP,QAAA,CAAAI,IAAC,OAAA,CAAA,CAAM,OAAA,CAASF,EAAU,QAAA,CAAAL,CAAAA,CAAM,CAAA,CAClC,CAAA,CAAA,CAEJ,CAEJ","file":"checkbox.js","sourcesContent":["import * as CheckoxPrimitive from '@radix-ui/react-checkbox'\nimport { cx } from '@xjur-ui/util'\nimport { Icon } from '../icon'\nimport { Typography } from '../typography'\n\nexport function Checkbox({\n  label,\n  name,\n  className,\n  disabled = false,\n  ...props\n}: CheckoxPrimitive.CheckboxProps & {\n  label?: string\n}) {\n  const fieldId = `field-checkbox-${name}`\n\n  return (\n    <div className=\"group gap-small flex items-center\">\n      <CheckoxPrimitive.Root\n        disabled={disabled}\n        {...props}\n        className={cx(\n          // layout\n          'size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none',\n          // base\n          'border-border-layer-2 bg-layer-2-idle cursor-pointer border-2',\n          // hover/focus (desmarcado)\n          'hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary',\n          // estado checked\n          'data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active',\n          // hover quando estiver checked (opcional)\n          'data-[state=checked]:hover:border-primary-idle',\n          // disabled\n          'disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]',\n          className\n        )}\n        id={fieldId}\n        name={name}\n      >\n        <CheckoxPrimitive.Indicator className=\"flex items-center justify-center\">\n          <Icon className=\"text-neutral-label\" name=\"check\" />\n        </CheckoxPrimitive.Indicator>\n      </CheckoxPrimitive.Root>\n\n      {!!label && (\n        <Typography\n          asChild={true}\n          className=\"text-size-body-sm data-[disabled=true]:opacity-38\"\n          data-disabled={disabled}\n          weight=\"medium\"\n        >\n          <label htmlFor={fieldId}>{label}</label>\n        </Typography>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/components/form/context/field.context.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { MaskOptions } from '@react-input/mask';
+
+type InputMaskType = 'cpf' | 'cnpj' | 'telefone' | 'cep' | 'numero-processo' | 'custom' | 'data' | 'hora' | 'data-hora';
+
+interface FieldContextValue {
+    state?: 'normal' | 'error' | 'disabled';
+    variant?: 'normal' | 'filter';
+    customMask?: MaskOptions;
+    mask?: InputMaskType;
+}
+declare const FieldContext: React.Context<FieldContextValue>;
+declare function useFieldContext(): FieldContextValue;
+
+export { FieldContext, type FieldContextValue, useFieldContext };

package/dist/components/form/context/field.context.js

@@ -0,0 +1,2 @@
+export{a as FieldContext,b as useFieldContext}from'../../../chunk-IRHU7PDO.js';//# sourceMappingURL=field.context.js.map
+//# sourceMappingURL=field.context.js.map

package/dist/components/form/context/field.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"field.context.js"}

package/dist/components/form/date-picker.d.ts

@@ -0,0 +1,84 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { ComponentProps } from 'react';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { I as IconType } from '../../icons-CmDuL0gZ.js';
+import { FieldContextValue } from './context/field.context.js';
+import { FloatingLabel } from './floating-label.js';
+import '@react-input/mask';
+
+declare const datePicker: tailwind_variants.TVReturnType<{
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string[];
+    icon: string;
+    slotText: string;
+    caption: string;
+}, undefined, {
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string[];
+    icon: string;
+    slotText: string;
+    caption: string;
+}, tailwind_variants.TVReturnType<{
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string[];
+    icon: string;
+    slotText: string;
+    caption: string;
+}, undefined, unknown, unknown, undefined>>;
+declare function DatePickerRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
+declare function DatePickerTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
+declare function DatePickerIcon({ className, name, ...props }: ComponentProps<'div'> & {
+    name: IconType;
+}): react_jsx_runtime.JSX.Element;
+declare function DatePickerSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function DatePickerValue({ className, displayValue, value, ...props }: ComponentProps<'input'> & {
+    displayValue?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function DatePickerContent({ className, sideOffset, side, align, ...props }: ComponentProps<typeof RadixPopover.Content>): react_jsx_runtime.JSX.Element;
+declare function DatePickerCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+
+export { DatePickerCaption, DatePickerContent, DatePickerIcon, DatePickerLabel, DatePickerRoot, DatePickerSlot, DatePickerTrigger, DatePickerValue, datePicker };

package/dist/components/form/date-picker.js

@@ -0,0 +1,2 @@
+import {a as a$1}from'../../chunk-TSVURBUY.js';import {a,b}from'../../chunk-IRHU7PDO.js';import {b as b$1}from'../../chunk-WV7QV2PU.js';import {a as a$2}from'../../chunk-EIG6CBTQ.js';import {tv,twMerge,twJoin}from'@xjur-ui/util';import {useMemo}from'react';import*as i from'@radix-ui/react-popover';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var P=tv({slots:{wrapper:"group flex w-full flex-col gap-small-2x",trigger:["h-large-4x w-full cursor-pointer relative","flex items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:y,trigger:h,icon:C,caption:R,slotText:k,content:w}=P();function M({className:e,state:r="normal",defaultOpen:o,variant:a$1="normal",modal:n,open:l,onOpenChange:u,...x}){return jsx(i.Root,{defaultOpen:o,modal:n,open:l,onOpenChange:u,children:jsx(a.Provider,{value:{state:r,variant:a$1},children:jsx("div",{className:y({className:e,state:r}),...x})})})}function V({className:e,...r}){let{state:o,variant:a}=b(),n=tv({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=twMerge(h({state:o,className:e}),a==="filter"&&n({state:o,className:e}));return jsx(i.Trigger,{className:l,disabled:o==="disabled",...r})}function j(e){return jsx(a$1,{...e})}function J({className:e,name:r,...o}){let{state:a}=b();return jsx("div",{className:C({className:e,state:a}),...o,children:jsx(b$1,{name:r})})}function S({className:e,...r}){let{state:o}=b();return jsx("span",{className:k({className:e,state:o}),...r})}function _({className:e,displayValue:r="",value:o,...a}){let{variant:n}=b(),l=useMemo(()=>n==="filter"?r:r||a.placeholder,[r,a.placeholder,n]);return jsxs(Fragment,{children:[jsx(a$2,{className:"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x",children:l}),jsx("input",{...a,"aria-readonly":true,className:twJoin("pointer-events-none",e),hidden:true,placeholder:" ",readOnly:true,value:o??""})]})}function q({className:e,sideOffset:r=5,side:o="bottom",align:a="start",...n}){let{state:l}=b();return jsx(i.Portal,{children:jsx(i.Content,{align:a,className:w({className:e,state:l}),side:o,sideOffset:r,...n})})}function A({className:e,...r}){let{state:o}=b();return jsx("p",{className:R({className:e,state:o}),...r})}export{A as DatePickerCaption,q as DatePickerContent,J as DatePickerIcon,j as DatePickerLabel,M as DatePickerRoot,S as DatePickerSlot,V as DatePickerTrigger,_ as DatePickerValue,P as datePicker};//# sourceMappingURL=date-picker.js.map
+//# sourceMappingURL=date-picker.js.map

package/dist/components/form/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/date-picker.tsx"],"names":["datePicker","tv","wrapper","trigger","icon","caption","slotText","content","DatePickerRoot","className","state","defaultOpen","variant","modal","open","handleOpenChange","props","jsx","FieldContext","DatePickerTrigger","useFieldContext","filterTrigger","mergedClassName","twMerge","DatePickerLabel","FloatingLabel","DatePickerIcon","name","Icon","DatePickerSlot","DatePickerValue","displayValue","value","valueOrPlaceholder","useMemo","jsxs","Fragment","Typography","twJoin","DatePickerContent","sideOffset","side","align","DatePickerCaption"],"mappings":"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","file":"date-picker.js","sourcesContent":["import { tv, twJoin, twMerge } from '@xjur-ui/util'\nimport { useMemo, type ComponentProps } from 'react'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport { Icon, type IconType } from '../icon'\nimport { Typography } from '../typography'\nimport {\n  FieldContext,\n  useFieldContext,\n  type FieldContextValue\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const datePicker = tv({\n  slots: {\n    wrapper: 'group flex w-full flex-col gap-small-2x',\n    trigger: [\n      'h-large-4x w-full cursor-pointer relative',\n      'flex items-center gap-small rounded-small-1x',\n      'py-small_1x-alt px-small',\n      'bg-layer-2-hover border border-transparent',\n      'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n      'transition-all duration-200'\n    ],\n    content: [\n      'group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]'\n    ],\n    icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n    slotText:\n      'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n    caption: '!text-size-body-sm font-normal'\n  },\n  variants: {\n    state: {\n      normal: {\n        trigger:\n          'hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle'\n      },\n      error: {\n        trigger:\n          'border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle',\n        caption: 'text-danger-label-idle'\n      },\n      disabled: {\n        trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n      }\n    }\n  }\n})\n\nconst { wrapper, trigger, icon, caption, slotText, content } = datePicker()\n\nexport function DatePickerRoot({\n  className,\n  state = 'normal',\n  defaultOpen,\n  variant = 'normal',\n  modal,\n  open,\n  onOpenChange: handleOpenChange,\n  ...props\n}: ComponentProps<'div'> &\n  FieldContextValue &\n  ComponentProps<typeof RadixPopover.Root>) {\n  return (\n    <RadixPopover.Root\n      defaultOpen={defaultOpen}\n      modal={modal}\n      open={open}\n      onOpenChange={handleOpenChange}\n    >\n      <FieldContext.Provider value={{ state, variant }}>\n        <div className={wrapper({ className, state })} {...props} />\n      </FieldContext.Provider>\n    </RadixPopover.Root>\n  )\n}\n\nexport function DatePickerTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof RadixPopover.Trigger>) {\n  const { state, variant } = useFieldContext()\n\n  const filterTrigger = tv({\n    base: ['group bg-layer-2-idle relative'],\n    variants: {\n      state: {\n        normal: [\n          'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n        ],\n        error: ['border-danger-idle hover:border-danger-idle'],\n        disabled: ['border border-border-layer-2 opacity-60']\n      }\n    }\n  })\n\n  const mergedClassName = twMerge(\n    trigger({ state, className }),\n    variant === 'filter' && filterTrigger({ state, className })\n  )\n\n  return (\n    <RadixPopover.Trigger\n      className={mergedClassName}\n      disabled={state === 'disabled'}\n      {...props}\n    />\n  )\n}\n\nexport function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>) {\n  return <FloatingLabel {...props} />\n}\n\nexport function DatePickerIcon({\n  className,\n  name,\n  ...props\n}: ComponentProps<'div'> & {\n  name: IconType\n}) {\n  const { state } = useFieldContext()\n\n  return (\n    <div className={icon({ className, state })} {...props}>\n      <Icon name={name} />\n    </div>\n  )\n}\n\nexport function DatePickerSlot({\n  className,\n  ...props\n}: ComponentProps<'span'>) {\n  const { state } = useFieldContext()\n  return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function DatePickerValue({\n  className,\n  displayValue = '',\n  value,\n  ...props\n}: ComponentProps<'input'> & { displayValue?: string }) {\n  const { variant } = useFieldContext()\n\n  const valueOrPlaceholder = useMemo(() => {\n    if (variant === 'filter') return displayValue\n    return displayValue || props.placeholder\n  }, [displayValue, props.placeholder, variant])\n\n  return (\n    <>\n      <Typography className=\"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x\">\n        {valueOrPlaceholder}\n      </Typography>\n\n      <input\n        {...props}\n        aria-readonly={true}\n        className={twJoin('pointer-events-none', className)}\n        hidden={true}\n        placeholder={' '}\n        readOnly={true}\n        value={value ?? ''}\n      />\n    </>\n  )\n}\n\nexport function DatePickerContent({\n  className,\n  sideOffset = 5,\n  side = 'bottom',\n  align = 'start',\n  ...props\n}: ComponentProps<typeof RadixPopover.Content>) {\n  const { state } = useFieldContext()\n\n  return (\n    <RadixPopover.Portal>\n      <RadixPopover.Content\n        align={align}\n        className={content({ className, state })}\n        side={side}\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </RadixPopover.Portal>\n  )\n}\n\nexport function DatePickerCaption({\n  className,\n  ...props\n}: ComponentProps<'p'>) {\n  const { state } = useFieldContext()\n  return <p className={caption({ className, state })} {...props} />\n}\n"]}

package/dist/components/form/floating-label.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function FloatingLabel({ className, htmlFor, children, ...props }: ComponentProps<'label'>): react_jsx_runtime.JSX.Element;
+
+export { FloatingLabel };

package/dist/components/form/floating-label.js

@@ -0,0 +1,2 @@
+export{a as FloatingLabel}from'../../chunk-TSVURBUY.js';import'../../chunk-IRHU7PDO.js';//# sourceMappingURL=floating-label.js.map
+//# sourceMappingURL=floating-label.js.map

package/dist/components/form/floating-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"floating-label.js"}

package/dist/components/form/input.d.ts

@@ -0,0 +1,95 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { ComponentProps } from 'react';
+import { InputNumberFormatProps } from '@react-input/number-format';
+import { I as IconType } from '../../icons-CmDuL0gZ.js';
+import { FieldContextValue } from './context/field.context.js';
+import { FloatingLabel } from './floating-label.js';
+import '@react-input/mask';
+
+declare const input: tailwind_variants.TVReturnType<{
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string;
+    value: string;
+    icon: string;
+    slotText: string;
+    caption: string;
+    action: string;
+}, undefined, {
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string;
+    value: string;
+    icon: string;
+    slotText: string;
+    caption: string;
+    action: string;
+}, tailwind_variants.TVReturnType<{
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string;
+    value: string;
+    icon: string;
+    slotText: string;
+    caption: string;
+    action: string;
+}, undefined, unknown, unknown, undefined>>;
+declare function InputRoot({ className, state, customMask, variant, mask, ...props }: ComponentProps<'div'> & FieldContextValue): react_jsx_runtime.JSX.Element;
+declare function InputContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function InputLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
+declare function InputTrigger({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function InputMask({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+declare function InputText({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+declare function InputNumber({ className, locales, placeholder, ...props }: InputNumberFormatProps): react_jsx_runtime.JSX.Element;
+declare function InputIcon({ className, name, ...props }: ComponentProps<'div'> & {
+    name: IconType;
+}): react_jsx_runtime.JSX.Element;
+declare function InputSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function InputCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function InputAction({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function InputNumericStepper({ handleIncrement, handleDecrement }: {
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { InputAction, InputCaption, InputContent, InputIcon, InputLabel, InputMask, InputNumber, InputNumericStepper, InputRoot, InputSlot, InputText, InputTrigger, input };

package/dist/components/form/input.js

@@ -0,0 +1,2 @@
+export{l as InputAction,k as InputCaption,c as InputContent,i as InputIcon,d as InputLabel,f as InputMask,h as InputNumber,m as InputNumericStepper,b as InputRoot,j as InputSlot,g as InputText,e as InputTrigger,a as input}from'../../chunk-2CM3SFOY.js';import'../../chunk-TSVURBUY.js';import'../../chunk-IRHU7PDO.js';import'../../chunk-CBFC4QME.js';import'../../chunk-WV7QV2PU.js';//# sourceMappingURL=input.js.map
+//# sourceMappingURL=input.js.map

package/dist/components/form/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"input.js"}

package/dist/components/form/otp-input.js

@@ -0,0 +1,2 @@
+import*as e from'@radix-ui/react-one-time-password-field';import {cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function n({children:r,className:o,...i}){return jsx(e.Root,{className:cx(o,"group gap-small flex items-center"),...i,children:r})}function t({className:r,...o}){return jsx(e.Input,{className:cx(r,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0","focus-within:border-primary-idle focus-within:border"),...o})}function l({...r}){return jsx(e.HiddenInput,{...r})}var P={Root:n,Input:t,HiddenInput:l};export{P as OTPInput};//# sourceMappingURL=otp-input.js.map
+//# sourceMappingURL=otp-input.js.map

package/dist/components/form/otp-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/otp-input.tsx"],"names":["Root","children","className","props","jsx","cx","Input","HiddenInput","OTPInput"],"mappings":"6HAGA,SAASA,EAAK,CACZ,QAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+C,CAC7C,OACEC,IAAkB,CAAA,CAAA,IAAA,CAAjB,CACC,SAAA,CAAWC,EAAAA,CAAGH,EAAW,mCAAmC,CAAA,CAC3D,GAAGC,CAAAA,CAEH,SAAAF,CAAAA,CACH,CAEJ,CAEA,SAASK,CAAAA,CAAM,CACb,SAAA,CAAAJ,CAAAA,CACA,GAAGC,CACL,EAAoD,CAClD,OACEC,GAAAA,CAAkB,CAAA,CAAA,KAAA,CAAjB,CACC,SAAA,CAAWC,EAAAA,CACTH,CAAAA,CACA,6FAAA,CACA,sDACF,CAAA,CACC,GAAGC,EACN,CAEJ,CAEA,SAASI,CAAAA,CAAY,CACnB,GAAGJ,CACL,EAA0D,CACxD,OAAOC,IAAkB,CAAA,CAAA,WAAA,CAAjB,CAA8B,GAAGD,CAAAA,CAAO,CAClD,CAEO,IAAMK,EAAW,CACtB,IAAA,CAAAR,EACA,KAAA,CAAAM,CAAAA,CACA,YAAAC,CACF","file":"otp-input.js","sourcesContent":["import * as OTPPasswordField from '@radix-ui/react-one-time-password-field'\nimport { cx } from '@xjur-ui/util'\n\nfunction Root({\n  children,\n  className,\n  ...props\n}: OTPPasswordField.OneTimePasswordFieldProps) {\n  return (\n    <OTPPasswordField.Root\n      className={cx(className, 'group gap-small flex items-center')}\n      {...props}\n    >\n      {children}\n    </OTPPasswordField.Root>\n  )\n}\n\nfunction Input({\n  className,\n  ...props\n}: OTPPasswordField.OneTimePasswordFieldInputProps) {\n  return (\n    <OTPPasswordField.Input\n      className={cx(\n        className,\n        'text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0',\n        'focus-within:border-primary-idle focus-within:border'\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction HiddenInput({\n  ...props\n}: OTPPasswordField.OneTimePasswordFieldHiddenInputProps) {\n  return <OTPPasswordField.HiddenInput {...props} />\n}\n\nexport const OTPInput = {\n  Root,\n  Input,\n  HiddenInput\n}\n"]}

package/dist/components/form/radio.js

@@ -0,0 +1,2 @@
+import {a}from'../../chunk-EIG6CBTQ.js';import'react';import*as r from'@radix-ui/react-radio-group';import {cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';function u({className:i,orientation:o="vertical",...a}){return jsx(r.Root,{className:cx("gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",i),"data-orientation":o,"data-slot":"radio-group",...a})}function b({className:i,id:o,label:a$1,disabled:t=false,...s}){return jsxs("div",{className:"gap-small flex items-center",children:[jsx(r.Item,{className:cx("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),"data-slot":"radio-group-item",disabled:t,id:o,...s,children:jsx(r.Indicator,{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})}),!!a$1&&jsx(a,{asChild:true,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":t,weight:"medium",children:jsx("label",{htmlFor:o,children:a$1})})]})}export{u as RadioGroup,b as RadioItem};//# sourceMappingURL=radio.js.map
+//# sourceMappingURL=radio.js.map

package/dist/components/form/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/radio.tsx"],"names":["RadioGroup","className","orientation","props","jsx","cx","RadioItem","id","label","disabled","jsxs","Typography"],"mappings":"4KAKO,SAASA,CAAAA,CAAW,CACzB,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,UAAA,CACd,GAAGC,CACL,CAAA,CAA0D,CACxD,OACEC,GAAAA,CAAqB,CAAA,CAAA,IAAA,CAApB,CACC,SAAA,CAAWC,EAAAA,CACT,4FAAA,CACAJ,CACF,CAAA,CACA,kBAAA,CAAkBC,CAAAA,CAClB,WAAA,CAAU,aAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAEO,SAASG,CAAAA,CAAU,CACxB,SAAA,CAAAL,CAAAA,CACA,EAAA,CAAAM,CAAAA,CACA,KAAA,CAAAC,GAAAA,CACA,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,GAAGN,CACL,CAAA,CAEG,CACD,OACEO,KAAC,KAAA,CAAA,CAAI,SAAA,CAAU,6BAAA,CACb,QAAA,CAAA,CAAAN,GAAAA,CAAqB,CAAA,CAAA,IAAA,CAApB,CACC,SAAA,CAAWC,EAAAA,CAET,uJAAA,CAEA,+DAAA,CAEA,gFAAA,CAEA,mFAAA,CAEA,gDAAA,CAEA,0FACAJ,CACF,CAAA,CACA,WAAA,CAAU,kBAAA,CACV,QAAA,CAAUQ,CAAAA,CACV,EAAA,CAAIF,CAAAA,CACH,GAAGJ,CAAAA,CAEJ,QAAA,CAAAC,GAAAA,CAAqB,CAAA,CAAA,SAAA,CAApB,CACC,UAAU,2CAAA,CACV,WAAA,CAAU,uBAAA,CACZ,CAAA,CACF,CAAA,CAEC,CAAC,CAACI,GAAAA,EACDJ,GAAAA,CAACO,CAAAA,CAAA,CACC,OAAA,CAAS,IAAA,CACT,SAAA,CAAU,mDAAA,CACV,eAAA,CAAeF,CAAAA,CACf,MAAA,CAAO,QAAA,CAEP,QAAA,CAAAL,GAAAA,CAAC,OAAA,CAAA,CAAM,OAAA,CAASG,CAAAA,CAAK,QAAA,CAAAC,GAAAA,CAAM,CAAA,CAC7B,CAAA,CAAA,CAEJ,CAEJ","file":"radio.js","sourcesContent":["import * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cx } from '@xjur-ui/util'\nimport { Typography } from '../typography'\n\nexport function RadioGroup({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cx(\n        'gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n        className\n      )}\n      data-orientation={orientation}\n      data-slot=\"radio-group\"\n      {...props}\n    />\n  )\n}\n\nexport function RadioItem({\n  className,\n  id,\n  label,\n  disabled = false,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {\n  label?: string\n}) {\n  return (\n    <div className=\"gap-small flex items-center\">\n      <RadioGroupPrimitive.Item\n        className={cx(\n          // layout\n          'size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none',\n          // base\n          'border-border-layer-2 bg-layer-2-idle cursor-pointer border-2',\n          // hover/focus (desmarcado)\n          'hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary',\n          // estado checked\n          'data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active',\n          // hover quando estiver checked (opcional)\n          'data-[state=checked]:hover:border-primary-idle',\n          // disabled\n          'disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]',\n          className\n        )}\n        data-slot=\"radio-group-item\"\n        disabled={disabled}\n        id={id}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator\n          className=\"relative flex items-center justify-center\"\n          data-slot=\"radio-group-indicator\"\n        />\n      </RadioGroupPrimitive.Item>\n\n      {!!label && (\n        <Typography\n          asChild={true}\n          className=\"text-size-body-sm data-[disabled=true]:opacity-38\"\n          data-disabled={disabled}\n          weight=\"medium\"\n        >\n          <label htmlFor={id}>{label}</label>\n        </Typography>\n      )}\n    </div>\n  )\n}\n"]}