@px-ui/ui 1.0.2 → 1.0.4

package/dist/components/native-select.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime150 from "react/jsx-runtime";
+import * as react_jsx_runtime191 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/native-select.d.ts
@@ -9,15 +9,15 @@ declare function NativeSelect({
   className,
   size,
   ...props
-}: NativeSelectProps): react_jsx_runtime150.JSX.Element;
+}: NativeSelectProps): react_jsx_runtime191.JSX.Element;
 declare function NativeSelectOption({
   className,
   ...props
-}: React$1.ComponentProps<"option">): react_jsx_runtime150.JSX.Element;
+}: React$1.ComponentProps<"option">): react_jsx_runtime191.JSX.Element;
 declare function NativeSelectOptGroup({
   className,
   ...props
-}: React$1.ComponentProps<"optgroup">): react_jsx_runtime150.JSX.Element;
+}: React$1.ComponentProps<"optgroup">): react_jsx_runtime191.JSX.Element;
 //#endregion
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
 //# sourceMappingURL=native-select.d.ts.map

package/dist/components/navigation-menu.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime169 from "react/jsx-runtime";
+import * as react_jsx_runtime194 from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 
 //#region src/components/navigation-menu.d.ts
 declare function NavigationMenu({
@@ -8,25 +8,25 @@ declare function NavigationMenu({
   className,
   children,
   ...props
-}: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, "align">): react_jsx_runtime169.JSX.Element;
+}: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, "align">): react_jsx_runtime194.JSX.Element;
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime169.JSX.Element;
+}: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime194.JSX.Element;
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime169.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types6.ClassProp | undefined) => string;
+}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime194.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types10.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: NavigationMenu$1.Trigger.Props): react_jsx_runtime169.JSX.Element;
+}: NavigationMenu$1.Trigger.Props): react_jsx_runtime194.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: NavigationMenu$1.Content.Props): react_jsx_runtime169.JSX.Element;
+}: NavigationMenu$1.Content.Props): react_jsx_runtime194.JSX.Element;
 declare function NavigationMenuPositioner({
   className,
   side,
@@ -34,15 +34,15 @@ declare function NavigationMenuPositioner({
   align,
   alignOffset,
   ...props
-}: NavigationMenu$1.Positioner.Props): react_jsx_runtime169.JSX.Element;
+}: NavigationMenu$1.Positioner.Props): react_jsx_runtime194.JSX.Element;
 declare function NavigationMenuLink({
   className,
   ...props
-}: NavigationMenu$1.Link.Props): react_jsx_runtime169.JSX.Element;
+}: NavigationMenu$1.Link.Props): react_jsx_runtime194.JSX.Element;
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime169.JSX.Element;
+}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime194.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMS,cAAA;;;;;GAKN,gBAAA,CAAwB,IAAA,CAAK,QAC9B,KAAK,gBAAA,CAAwB,UAAA,CAAW,kBAAe,oBAAA,CAAA,GAAA,CAAA;iBAgBhD,kBAAA;;;GAGN,KAAA,CAAM,6BAA6B,gBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAa1D,kBAAA;;;GAGN,KAAA,CAAM,6BAA6B,gBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;cAU7D,qCAEL,+BAAA,CAF+B,SAAA;AAzD0D,iBA6DjF,qBAAA,CAvDc;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2DpB,gBAAA,CAAwB,OAAA,CAAQ,KA3DZ,CAAA,EA2DiB,oBAAA,CAAA,GAAA,CAAA,OA3DjB;iBAwEd,qBAAA,CAvEP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0EC,gBAAA,CAAwB,OAAA,CAAQ,KA1EjC,CAAA,EA0EsC,oBAAA,CAAA,GAAA,CAAA,OA1EtC;iBAuFO,wBAAA,CAtFP;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,KAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA6FC,gBAAA,CAAwB,UAAA,CAAW,KA7FpC,CAAA,EA6FyC,oBAAA,CAAA,GAAA,CAAA,OA7FzC;iBAmHO,kBAAA,CAlHP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqHC,gBAAA,CAAwB,IAAA,CAAK,KArH9B,CAAA,EAqHmC,oBAAA,CAAA,GAAA,CAAA,OArHnC;iBAkIO,uBAAA,CAhIuB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmI7B,KAAA,CAAM,qBAnIuB,CAAA,OAmIM,gBAAA,CAAwB,IAnI9B,CAAA,CAAA,EAmImC,oBAAA,CAAA,GAAA,CAAA,OAnInC"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMS,cAAA;;;;;GAKN,gBAAA,CAAwB,IAAA,CAAK,QAC9B,KAAK,gBAAA,CAAwB,UAAA,CAAW,kBAAe,oBAAA,CAAA,GAAA,CAAA;iBAgBhD,kBAAA;;;GAGN,KAAA,CAAM,6BAA6B,gBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAa1D,kBAAA;;;GAGN,KAAA,CAAM,6BAA6B,gBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;cAU7D,qCAEL,gCAAA,CAF+B,SAAA;AAzD0D,iBA6DjF,qBAAA,CAvDc;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2DpB,gBAAA,CAAwB,OAAA,CAAQ,KA3DZ,CAAA,EA2DiB,oBAAA,CAAA,GAAA,CAAA,OA3DjB;iBAwEd,qBAAA,CAvEP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0EC,gBAAA,CAAwB,OAAA,CAAQ,KA1EjC,CAAA,EA0EsC,oBAAA,CAAA,GAAA,CAAA,OA1EtC;iBAuFO,wBAAA,CAtFP;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,KAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA6FC,gBAAA,CAAwB,UAAA,CAAW,KA7FpC,CAAA,EA6FyC,oBAAA,CAAA,GAAA,CAAA,OA7FzC;iBAmHO,kBAAA,CAlHP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqHC,gBAAA,CAAwB,IAAA,CAAK,KArH9B,CAAA,EAqHmC,oBAAA,CAAA,GAAA,CAAA,OArHnC;iBAkIO,uBAAA,CAhIuB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmI7B,KAAA,CAAM,qBAnIuB,CAAA,OAmIM,gBAAA,CAAwB,IAnI9B,CAAA,CAAA,EAmImC,oBAAA,CAAA,GAAA,CAAA,OAnInC"}

package/dist/components/pagination.d.ts

@@ -1,19 +1,19 @@
-import { t as Button } from "../button-CyWFGUr9.js";
-import * as react_jsx_runtime177 from "react/jsx-runtime";
+import { t as Button } from "../button-BWB2PWYv.js";
+import * as react_jsx_runtime202 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/pagination.d.ts
 declare function Pagination({
   className,
   ...props
-}: React$1.ComponentProps<"nav">): react_jsx_runtime177.JSX.Element;
+}: React$1.ComponentProps<"nav">): react_jsx_runtime202.JSX.Element;
 declare function PaginationContent({
   className,
   ...props
-}: React$1.ComponentProps<"ul">): react_jsx_runtime177.JSX.Element;
+}: React$1.ComponentProps<"ul">): react_jsx_runtime202.JSX.Element;
 declare function PaginationItem({
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime177.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime202.JSX.Element;
 type PaginationLinkProps = {
   isActive?: boolean;
 } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
@@ -22,25 +22,25 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime177.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime202.JSX.Element;
 declare function PaginationPrevious({
   className,
   text,
   ...props
 }: React$1.ComponentProps<typeof PaginationLink> & {
   text?: string;
-}): react_jsx_runtime177.JSX.Element;
+}): react_jsx_runtime202.JSX.Element;
 declare function PaginationNext({
   className,
   text,
   ...props
 }: React$1.ComponentProps<typeof PaginationLink> & {
   text?: string;
-}): react_jsx_runtime177.JSX.Element;
+}): react_jsx_runtime202.JSX.Element;
 declare function PaginationEllipsis({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime177.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime202.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/phone-input.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime184 from "react/jsx-runtime";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
 import "react-phone-input-2/lib/style.css";
 
 //#region src/components/phone-input.d.ts
@@ -22,7 +22,7 @@ declare const PhoneInput: ({
   placeholder,
   disabled,
   className
-}: PhoneInputProps) => react_jsx_runtime184.JSX.Element;
+}: PhoneInputProps) => react_jsx_runtime214.JSX.Element;
 //#endregion
 export { PhoneInput, validatePhoneNumber };
 //# sourceMappingURL=phone-input.d.ts.map

package/dist/components/phone-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone-input.d.ts","names":[],"sources":["../../src/components/phone-input.tsx"],"sourcesContent":[],"mappings":";;;;cASa;UAYH,eAAA;;EAZG,QAAA,EAAA,CAAA,KAAA,EAAA,MAUZ,EAAA,GAAA,IAAA;EAES,OAAA,CAAA,EAAA,MAAA;EAWG,KAAA,CAAA,EAAA,OAoEZ;EApE0B,YAAA,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,QAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA,YAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EASxB,eATwB,EAAA,GAST,oBAAA,CAAA,GAAA,CAAA,OATS"}
+{"version":3,"file":"phone-input.d.ts","names":[],"sources":["../../src/components/phone-input.tsx"],"sourcesContent":[],"mappings":";;;;cASa;UAYH,eAAA;;EAZG,QAAA,EAAA,CAAA,KAAA,EAAA,MAUZ,EAAA,GAAA,IAAA;EAES,OAAA,CAAA,EAAA,MAAA;EAWG,KAAA,CAAA,EAAA,OAsEZ;EAtE0B,YAAA,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,QAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA,YAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EASxB,eATwB,EAAA,GAST,oBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/components/phone-input.js

@@ -44,8 +44,8 @@ const PhoneInput = ({ value, onChange, country = "us", error, errorMessage, plac
 				onChange: handleChange,
 				disabled,
 				placeholder,
-				inputClass: `!w-full !h-11 !text-base !rounded-lg !border ${error ? "!border-destructive !bg-destructive/10" : "!border-input focus:!border-ring focus:!ring-1 focus:!ring-ring"}`,
-				buttonClass: `!rounded-l-lg !border-y !border-l ${error ? "!border-destructive !bg-destructive/10" : "!border-input"}`,
+				inputClass: `!w-full !h-11 !text-base !rounded-lg !border disabled:!pointer-events-none disabled:!cursor-not-allowed disabled:!opacity-50 ${error ? "!border-destructive !bg-destructive/10" : "!border-input focus:!border-ring focus:!ring-1 focus:!ring-ring"}`,
+				buttonClass: `!rounded-l-lg !border-y !border-l ${disabled ? "!pointer-events-none !cursor-not-allowed !opacity-50" : ""} ${error ? "!border-destructive !bg-destructive/10" : "!border-input"}`,
 				containerClass: "!w-full"
 			})
 		}), error && errorMessage && /* @__PURE__ */ jsx("p", {

package/dist/components/phone-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-input.js","names":[],"sources":["../../src/components/phone-input.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport PhoneInputLib from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\nimport GoogleLibPhoneNumber from \"google-libphonenumber\";\n\nconst phoneUtil = GoogleLibPhoneNumber.PhoneNumberUtil.getInstance();\nconst PNF = GoogleLibPhoneNumber.PhoneNumberFormat;\n\nexport const validatePhoneNumber = (\n  value: string | undefined | null,\n): boolean => {\n  if (!value) return true;\n  const phoneValue = value.startsWith(\"+\") ? value : \"+\" + value;\n  try {\n    return phoneUtil.isValidNumber(phoneUtil.parse(phoneValue));\n  } catch {\n    return false;\n  }\n};\n\ninterface PhoneInputProps {\n  value: string;\n  onChange: (value: string) => void;\n  country?: string;\n  error?: boolean;\n  errorMessage?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const PhoneInput = ({\n  value,\n  onChange,\n  country = \"us\",\n  error,\n  errorMessage,\n  placeholder,\n  disabled,\n  className,\n}: PhoneInputProps) => {\n  const handleChange = (\n    inputValue: string,\n    data: { dialCode?: string; countryCode?: string },\n  ) => {\n    // Country-only selection: don't propagate, otherwise the controlled\n    // value resets to \"\" and react-phone-input-2 re-detects the country\n    // from the empty value, snapping the flag back to the default.\n    if (inputValue === data?.dialCode) return;\n\n    if (!inputValue) {\n      onChange(\"\");\n      return;\n    }\n\n    const phoneValue = inputValue.startsWith(\"+\") ? inputValue : \"+\" + inputValue;\n    try {\n      const parsed = phoneUtil.parseAndKeepRawInput(\n        phoneValue,\n        data.countryCode?.toUpperCase(),\n      );\n      if (phoneUtil.isValidNumber(parsed)) {\n        onChange(phoneUtil.format(parsed, PNF.E164));\n        return;\n      }\n    } catch {\n      // fall through to raw value\n    }\n    onChange(phoneValue);\n  };\n\n  return (\n    <div className={cn(\"flex w-full flex-col gap-1\", className)}>\n      <div className={`relative ${error ? \"phone-input-error\" : \"\"}`}>\n        <PhoneInputLib\n          country={country}\n          value={value}\n          onChange={handleChange}\n          disabled={disabled}\n          placeholder={placeholder}\n          inputClass={`!w-full !h-11 !text-base !rounded-lg !border ${\n            error\n              ? \"!border-destructive !bg-destructive/10\"\n              : \"!border-input focus:!border-ring focus:!ring-1 focus:!ring-ring\"\n          }`}\n          buttonClass={`!rounded-l-lg !border-y !border-l ${\n            error ? \"!border-destructive !bg-destructive/10\" : \"!border-input\"\n          }`}\n          containerClass=\"!w-full\"\n        />\n      </div>\n\n      {error && errorMessage && (\n        <p className=\"mt-1 text-xs font-medium text-destructive\">\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAMA,MAAM,YAAY,qBAAqB,gBAAgB,aAAa;AACpE,MAAM,MAAM,qBAAqB;AAEjC,MAAa,uBACX,UACY;AACZ,KAAI,CAAC,MAAO,QAAO;CACnB,MAAM,aAAa,MAAM,WAAW,IAAI,GAAG,QAAQ,MAAM;AACzD,KAAI;AACF,SAAO,UAAU,cAAc,UAAU,MAAM,WAAW,CAAC;SACrD;AACN,SAAO;;;AAeX,MAAa,cAAc,EACzB,OACA,UACA,UAAU,MACV,OACA,cACA,aACA,UACA,gBACqB;CACrB,MAAM,gBACJ,YACA,SACG;AAIH,MAAI,eAAe,MAAM,SAAU;AAEnC,MAAI,CAAC,YAAY;AACf,YAAS,GAAG;AACZ;;EAGF,MAAM,aAAa,WAAW,WAAW,IAAI,GAAG,aAAa,MAAM;AACnE,MAAI;GACF,MAAM,SAAS,UAAU,qBACvB,YACA,KAAK,aAAa,aAAa,CAChC;AACD,OAAI,UAAU,cAAc,OAAO,EAAE;AACnC,aAAS,UAAU,OAAO,QAAQ,IAAI,KAAK,CAAC;AAC5C;;UAEI;AAGR,WAAS,WAAW;;AAGtB,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;aACzD,oBAAC;GAAI,WAAW,YAAY,QAAQ,sBAAsB;aACxD,oBAAC;IACU;IACF;IACP,UAAU;IACA;IACG;IACb,YAAY,gDACV,QACI,2CACA;IAEN,aAAa,qCACX,QAAQ,2CAA2C;IAErD,gBAAe;KACf;IACE,EAEL,SAAS,gBACR,oBAAC;GAAE,WAAU;aACV;IACC;GAEF"}
+{"version":3,"file":"phone-input.js","names":[],"sources":["../../src/components/phone-input.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport PhoneInputLib from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\nimport GoogleLibPhoneNumber from \"google-libphonenumber\";\n\nconst phoneUtil = GoogleLibPhoneNumber.PhoneNumberUtil.getInstance();\nconst PNF = GoogleLibPhoneNumber.PhoneNumberFormat;\n\nexport const validatePhoneNumber = (\n  value: string | undefined | null,\n): boolean => {\n  if (!value) return true;\n  const phoneValue = value.startsWith(\"+\") ? value : \"+\" + value;\n  try {\n    return phoneUtil.isValidNumber(phoneUtil.parse(phoneValue));\n  } catch {\n    return false;\n  }\n};\n\ninterface PhoneInputProps {\n  value: string;\n  onChange: (value: string) => void;\n  country?: string;\n  error?: boolean;\n  errorMessage?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const PhoneInput = ({\n  value,\n  onChange,\n  country = \"us\",\n  error,\n  errorMessage,\n  placeholder,\n  disabled,\n  className,\n}: PhoneInputProps) => {\n  const handleChange = (\n    inputValue: string,\n    data: { dialCode?: string; countryCode?: string },\n  ) => {\n    // Country-only selection: don't propagate, otherwise the controlled\n    // value resets to \"\" and react-phone-input-2 re-detects the country\n    // from the empty value, snapping the flag back to the default.\n    if (inputValue === data?.dialCode) return;\n\n    if (!inputValue) {\n      onChange(\"\");\n      return;\n    }\n\n    const phoneValue = inputValue.startsWith(\"+\") ? inputValue : \"+\" + inputValue;\n    try {\n      const parsed = phoneUtil.parseAndKeepRawInput(\n        phoneValue,\n        data.countryCode?.toUpperCase(),\n      );\n      if (phoneUtil.isValidNumber(parsed)) {\n        onChange(phoneUtil.format(parsed, PNF.E164));\n        return;\n      }\n    } catch {\n      // fall through to raw value\n    }\n    onChange(phoneValue);\n  };\n\n  return (\n    <div className={cn(\"flex w-full flex-col gap-1\", className)}>\n      <div className={`relative ${error ? \"phone-input-error\" : \"\"}`}>\n        <PhoneInputLib\n          country={country}\n          value={value}\n          onChange={handleChange}\n          disabled={disabled}\n          placeholder={placeholder}\n          inputClass={`!w-full !h-11 !text-base !rounded-lg !border disabled:!pointer-events-none disabled:!cursor-not-allowed disabled:!opacity-50 ${\n            error\n              ? \"!border-destructive !bg-destructive/10\"\n              : \"!border-input focus:!border-ring focus:!ring-1 focus:!ring-ring\"\n          }`}\n          buttonClass={`!rounded-l-lg !border-y !border-l ${\n            disabled ? \"!pointer-events-none !cursor-not-allowed !opacity-50\" : \"\"\n          } ${\n            error ? \"!border-destructive !bg-destructive/10\" : \"!border-input\"\n          }`}\n          containerClass=\"!w-full\"\n        />\n      </div>\n\n      {error && errorMessage && (\n        <p className=\"mt-1 text-xs font-medium text-destructive\">\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAMA,MAAM,YAAY,qBAAqB,gBAAgB,aAAa;AACpE,MAAM,MAAM,qBAAqB;AAEjC,MAAa,uBACX,UACY;AACZ,KAAI,CAAC,MAAO,QAAO;CACnB,MAAM,aAAa,MAAM,WAAW,IAAI,GAAG,QAAQ,MAAM;AACzD,KAAI;AACF,SAAO,UAAU,cAAc,UAAU,MAAM,WAAW,CAAC;SACrD;AACN,SAAO;;;AAeX,MAAa,cAAc,EACzB,OACA,UACA,UAAU,MACV,OACA,cACA,aACA,UACA,gBACqB;CACrB,MAAM,gBACJ,YACA,SACG;AAIH,MAAI,eAAe,MAAM,SAAU;AAEnC,MAAI,CAAC,YAAY;AACf,YAAS,GAAG;AACZ;;EAGF,MAAM,aAAa,WAAW,WAAW,IAAI,GAAG,aAAa,MAAM;AACnE,MAAI;GACF,MAAM,SAAS,UAAU,qBACvB,YACA,KAAK,aAAa,aAAa,CAChC;AACD,OAAI,UAAU,cAAc,OAAO,EAAE;AACnC,aAAS,UAAU,OAAO,QAAQ,IAAI,KAAK,CAAC;AAC5C;;UAEI;AAGR,WAAS,WAAW;;AAGtB,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;aACzD,oBAAC;GAAI,WAAW,YAAY,QAAQ,sBAAsB;aACxD,oBAAC;IACU;IACF;IACP,UAAU;IACA;IACG;IACb,YAAY,gIACV,QACI,2CACA;IAEN,aAAa,qCACX,WAAW,yDAAyD,GACrE,GACC,QAAQ,2CAA2C;IAErD,gBAAe;KACf;IACE,EAEL,SAAS,gBACR,oBAAC;GAAE,WAAU;aACV;IACC;GAEF"}

package/dist/components/popover.d.ts

@@ -1,14 +1,14 @@
-import * as react_jsx_runtime226 from "react/jsx-runtime";
+import * as react_jsx_runtime246 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 
 //#region src/components/popover.d.ts
 declare function Popover({
   ...props
-}: Popover$1.Root.Props): react_jsx_runtime226.JSX.Element;
+}: Popover$1.Root.Props): react_jsx_runtime246.JSX.Element;
 declare function PopoverTrigger({
   ...props
-}: Popover$1.Trigger.Props): react_jsx_runtime226.JSX.Element;
+}: Popover$1.Trigger.Props): react_jsx_runtime246.JSX.Element;
 declare function PopoverContent({
   className,
   align,
@@ -16,19 +16,19 @@ declare function PopoverContent({
   side,
   sideOffset,
   ...props
-}: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime226.JSX.Element;
+}: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime246.JSX.Element;
 declare function PopoverHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime226.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime246.JSX.Element;
 declare function PopoverTitle({
   className,
   ...props
-}: Popover$1.Title.Props): react_jsx_runtime226.JSX.Element;
+}: Popover$1.Title.Props): react_jsx_runtime246.JSX.Element;
 declare function PopoverDescription({
   className,
   ...props
-}: Popover$1.Description.Props): react_jsx_runtime226.JSX.Element;
+}: Popover$1.Description.Props): react_jsx_runtime246.JSX.Element;
 //#endregion
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/progress.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime232 from "react/jsx-runtime";
+import * as react_jsx_runtime209 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
 
 //#region src/components/progress.d.ts
@@ -7,23 +7,23 @@ declare function Progress({
   children,
   value,
   ...props
-}: Progress$1.Root.Props): react_jsx_runtime232.JSX.Element;
+}: Progress$1.Root.Props): react_jsx_runtime209.JSX.Element;
 declare function ProgressTrack({
   className,
   ...props
-}: Progress$1.Track.Props): react_jsx_runtime232.JSX.Element;
+}: Progress$1.Track.Props): react_jsx_runtime209.JSX.Element;
 declare function ProgressIndicator({
   className,
   ...props
-}: Progress$1.Indicator.Props): react_jsx_runtime232.JSX.Element;
+}: Progress$1.Indicator.Props): react_jsx_runtime209.JSX.Element;
 declare function ProgressLabel({
   className,
   ...props
-}: Progress$1.Label.Props): react_jsx_runtime232.JSX.Element;
+}: Progress$1.Label.Props): react_jsx_runtime209.JSX.Element;
 declare function ProgressValue({
   className,
   ...props
-}: Progress$1.Value.Props): react_jsx_runtime232.JSX.Element;
+}: Progress$1.Value.Props): react_jsx_runtime209.JSX.Element;
 //#endregion
 export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
 //# sourceMappingURL=progress.d.ts.map

package/dist/components/radio-group.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime237 from "react/jsx-runtime";
+import * as react_jsx_runtime227 from "react/jsx-runtime";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 
@@ -6,11 +6,11 @@ import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 declare function RadioGroup({
   className,
   ...props
-}: RadioGroup$1.Props): react_jsx_runtime237.JSX.Element;
+}: RadioGroup$1.Props): react_jsx_runtime227.JSX.Element;
 declare function RadioGroupItem({
   className,
   ...props
-}: Radio.Root.Props): react_jsx_runtime237.JSX.Element;
+}: Radio.Root.Props): react_jsx_runtime227.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/resizable.d.ts

@@ -1,21 +1,21 @@
-import * as react_jsx_runtime239 from "react/jsx-runtime";
+import * as react_jsx_runtime229 from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region src/components/resizable.d.ts
 declare function ResizablePanelGroup({
   className,
   ...props
-}: ResizablePrimitive.GroupProps): react_jsx_runtime239.JSX.Element;
+}: ResizablePrimitive.GroupProps): react_jsx_runtime229.JSX.Element;
 declare function ResizablePanel({
   ...props
-}: ResizablePrimitive.PanelProps): react_jsx_runtime239.JSX.Element;
+}: ResizablePrimitive.PanelProps): react_jsx_runtime229.JSX.Element;
 declare function ResizableHandle({
   withHandle,
   className,
   ...props
 }: ResizablePrimitive.SeparatorProps & {
   withHandle?: boolean;
-}): react_jsx_runtime239.JSX.Element;
+}): react_jsx_runtime229.JSX.Element;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.ts.map

package/dist/components/scroll-area.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime242 from "react/jsx-runtime";
+import * as react_jsx_runtime232 from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 
 //#region src/components/scroll-area.d.ts
@@ -6,12 +6,12 @@ declare function ScrollArea({
   className,
   children,
   ...props
-}: ScrollArea$1.Root.Props): react_jsx_runtime242.JSX.Element;
+}: ScrollArea$1.Root.Props): react_jsx_runtime232.JSX.Element;
 declare function ScrollBar({
   className,
   orientation,
   ...props
-}: ScrollArea$1.Scrollbar.Props): react_jsx_runtime242.JSX.Element;
+}: ScrollArea$1.Scrollbar.Props): react_jsx_runtime232.JSX.Element;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/select.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime244 from "react/jsx-runtime";
+import * as react_jsx_runtime234 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Select as Select$1 } from "@base-ui/react/select";
 
@@ -7,11 +7,11 @@ declare const Select: typeof Select$1.Root;
 declare function SelectGroup({
   className,
   ...props
-}: Select$1.Group.Props): react_jsx_runtime244.JSX.Element;
+}: Select$1.Group.Props): react_jsx_runtime234.JSX.Element;
 declare function SelectValue({
   className,
   ...props
-}: Select$1.Value.Props): react_jsx_runtime244.JSX.Element;
+}: Select$1.Value.Props): react_jsx_runtime234.JSX.Element;
 declare function SelectTrigger({
   className,
   size,
@@ -19,7 +19,7 @@ declare function SelectTrigger({
   ...props
 }: Select$1.Trigger.Props & {
   size?: "sm" | "default";
-}): react_jsx_runtime244.JSX.Element;
+}): react_jsx_runtime234.JSX.Element;
 declare function SelectContent({
   className,
   children,
@@ -29,28 +29,28 @@ declare function SelectContent({
   alignOffset,
   alignItemWithTrigger,
   ...props
-}: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): react_jsx_runtime244.JSX.Element;
+}: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): react_jsx_runtime234.JSX.Element;
 declare function SelectLabel({
   className,
   ...props
-}: Select$1.GroupLabel.Props): react_jsx_runtime244.JSX.Element;
+}: Select$1.GroupLabel.Props): react_jsx_runtime234.JSX.Element;
 declare function SelectItem({
   className,
   children,
   ...props
-}: Select$1.Item.Props): react_jsx_runtime244.JSX.Element;
+}: Select$1.Item.Props): react_jsx_runtime234.JSX.Element;
 declare function SelectSeparator({
   className,
   ...props
-}: Select$1.Separator.Props): react_jsx_runtime244.JSX.Element;
+}: Select$1.Separator.Props): react_jsx_runtime234.JSX.Element;
 declare function SelectScrollUpButton({
   className,
   ...props
-}: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime234.JSX.Element;
 declare function SelectScrollDownButton({
   className,
   ...props
-}: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime234.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

package/dist/components/separator.d.ts

@@ -1,2 +1,2 @@
-import { t as Separator } from "../separator-BPiu2k9V.js";
+import { t as Separator } from "../separator-CuuVnw-z.js";
 export { Separator };

package/dist/components/sheet.d.ts

@@ -1,17 +1,17 @@
-import * as react_jsx_runtime254 from "react/jsx-runtime";
+import * as react_jsx_runtime135 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Dialog } from "@base-ui/react/dialog";
 
 //#region src/components/sheet.d.ts
 declare function Sheet({
   ...props
-}: Dialog.Root.Props): react_jsx_runtime254.JSX.Element;
+}: Dialog.Root.Props): react_jsx_runtime135.JSX.Element;
 declare function SheetTrigger({
   ...props
-}: Dialog.Trigger.Props): react_jsx_runtime254.JSX.Element;
+}: Dialog.Trigger.Props): react_jsx_runtime135.JSX.Element;
 declare function SheetClose({
   ...props
-}: Dialog.Close.Props): react_jsx_runtime254.JSX.Element;
+}: Dialog.Close.Props): react_jsx_runtime135.JSX.Element;
 declare function SheetContent({
   className,
   children,
@@ -21,23 +21,23 @@ declare function SheetContent({
 }: Dialog.Popup.Props & {
   side?: "top" | "right" | "bottom" | "left";
   showCloseButton?: boolean;
-}): react_jsx_runtime254.JSX.Element;
+}): react_jsx_runtime135.JSX.Element;
 declare function SheetHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime254.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime135.JSX.Element;
 declare function SheetFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime254.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime135.JSX.Element;
 declare function SheetTitle({
   className,
   ...props
-}: Dialog.Title.Props): react_jsx_runtime254.JSX.Element;
+}: Dialog.Title.Props): react_jsx_runtime135.JSX.Element;
 declare function SheetDescription({
   className,
   ...props
-}: Dialog.Description.Props): react_jsx_runtime254.JSX.Element;
+}: Dialog.Description.Props): react_jsx_runtime135.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.ts.map

package/dist/components/sidebar.d.ts

@@ -1,12 +1,12 @@
-import { t as Button } from "../button-CyWFGUr9.js";
-import { t as Separator } from "../separator-BPiu2k9V.js";
-import { t as Input } from "../input-stLmd1eW.js";
-import { n as TooltipContent } from "../tooltip--8PhLdia.js";
-import * as react_jsx_runtime262 from "react/jsx-runtime";
+import { t as Button } from "../button-BWB2PWYv.js";
+import { t as Separator } from "../separator-CuuVnw-z.js";
+import { t as Input } from "../input-CKTvQqOU.js";
+import { n as TooltipContent } from "../tooltip-ChzCP6Bv.js";
+import * as react_jsx_runtime260 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
 
 //#region src/components/sidebar.d.ts
 type SidebarContextProps = {
@@ -31,7 +31,7 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime262.JSX.Element;
+}): react_jsx_runtime260.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -44,44 +44,44 @@ declare function Sidebar({
   side?: "left" | "right";
   variant?: "sidebar" | "floating" | "inset";
   collapsible?: "offcanvas" | "icon" | "none";
-}): react_jsx_runtime262.JSX.Element;
+}): react_jsx_runtime260.JSX.Element;
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React$1.ComponentProps<typeof Button>): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<typeof Button>): react_jsx_runtime260.JSX.Element;
 declare function SidebarRail({
   className,
   ...props
-}: React$1.ComponentProps<"button">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"button">): react_jsx_runtime260.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React$1.ComponentProps<"main">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"main">): react_jsx_runtime260.JSX.Element;
 declare function SidebarInput({
   className,
   ...props
-}: React$1.ComponentProps<typeof Input>): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<typeof Input>): react_jsx_runtime260.JSX.Element;
 declare function SidebarHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime260.JSX.Element;
 declare function SidebarFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime260.JSX.Element;
 declare function SidebarSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime260.JSX.Element;
 declare function SidebarContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime260.JSX.Element;
 declare function SidebarGroup({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime260.JSX.Element;
 declare function SidebarGroupLabel({
   className,
   render,
@@ -95,19 +95,19 @@ declare function SidebarGroupAction({
 declare function SidebarGroupContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime260.JSX.Element;
 declare function SidebarMenu({
   className,
   ...props
-}: React$1.ComponentProps<"ul">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"ul">): react_jsx_runtime260.JSX.Element;
 declare function SidebarMenuItem({
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime260.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({
   render,
   isActive,
@@ -119,7 +119,7 @@ declare function SidebarMenuButton({
 }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
   isActive?: boolean;
   tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime262.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime260.JSX.Element;
 declare function SidebarMenuAction({
   className,
   render,
@@ -131,22 +131,22 @@ declare function SidebarMenuAction({
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime260.JSX.Element;
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React$1.ComponentProps<"div"> & {
   showIcon?: boolean;
-}): react_jsx_runtime262.JSX.Element;
+}): react_jsx_runtime260.JSX.Element;
 declare function SidebarMenuSub({
   className,
   ...props
-}: React$1.ComponentProps<"ul">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"ul">): react_jsx_runtime260.JSX.Element;
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime262.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime260.JSX.Element;
 declare function SidebarMenuSubButton({
   render,
   size,

package/dist/components/skeleton.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime222 from "react/jsx-runtime";
+import * as react_jsx_runtime297 from "react/jsx-runtime";
 
 //#region src/components/skeleton.d.ts
 declare function Skeleton({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime222.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime297.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/components/slider.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime223 from "react/jsx-runtime";
+import * as react_jsx_runtime296 from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
 
 //#region src/components/slider.d.ts
@@ -9,7 +9,7 @@ declare function Slider({
   min,
   max,
   ...props
-}: Slider$1.Root.Props): react_jsx_runtime223.JSX.Element;
+}: Slider$1.Root.Props): react_jsx_runtime296.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=slider.d.ts.map