@px-ui/core 1.28.0 → 1.29.0

package/dist/components/popover.d.ts

@@ -1,19 +1,21 @@
 import { Popover as BasePopover } from '@base-ui-components/react/popover';
-declare function Root({ ...props }: React.ComponentProps<typeof BasePopover.Root>): import("react/jsx-runtime").JSX.Element;
-declare function Portal({ ...props }: React.ComponentProps<typeof BasePopover.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function Trigger({ ...props }: React.ComponentProps<typeof BasePopover.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function Close({ ...props }: React.ComponentProps<typeof BasePopover.Close>): import("react/jsx-runtime").JSX.Element;
-declare function Arrow({ ...props }: React.ComponentProps<typeof BasePopover.Arrow>): import("react/jsx-runtime").JSX.Element;
-declare function Positioner({ ...props }: React.ComponentProps<typeof BasePopover.Positioner>): import("react/jsx-runtime").JSX.Element;
-declare function Header({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function Title({ className, ...props }: React.ComponentProps<typeof BasePopover.Title>): import("react/jsx-runtime").JSX.Element;
-declare function Description({ className, ...props }: React.ComponentProps<typeof BasePopover.Description>): import("react/jsx-runtime").JSX.Element;
-declare function Content({ children, className, align, sideOffset, arrow, side, ...props }: React.ComponentProps<typeof BasePopover.Popup> & {
-    align?: BasePopover.Positioner.Props["align"];
-    sideOffset?: BasePopover.Positioner.Props["sideOffset"];
+export declare function Root(props: React.ComponentProps<typeof BasePopover.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function Trigger(props: React.ComponentProps<typeof BasePopover.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function Close(props: React.ComponentProps<typeof BasePopover.Close>): import("react/jsx-runtime").JSX.Element;
+declare function Positioner(props: React.ComponentProps<typeof BasePopover.Positioner>): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function Title({ className, ...props }: React.ComponentProps<typeof BasePopover.Title>): import("react/jsx-runtime").JSX.Element;
+export declare function Description({ className, ...props }: React.ComponentProps<typeof BasePopover.Description>): import("react/jsx-runtime").JSX.Element;
+export declare function Content({ children, className, positionerProps, popupProps, arrow, }: {
+    popupProps?: React.ComponentProps<typeof BasePopover.Popup>;
+} & {
+    positionerProps?: React.ComponentProps<typeof Positioner>;
+} & {
+    children: React.ReactNode;
     arrow?: boolean;
-    side?: BasePopover.Positioner.Props["side"];
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-declare function Footer({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Root, Trigger, Header, Title, Description, Content, Footer, Close, Arrow, Positioner, Portal, };
+export declare function CloseIconButton({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAI3E,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,2CAExE;AAED,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,2CAE5E;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,2CAElD;AAED,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,2CAE1E;AAED,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,2CAE1E;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,2CAErD;AAED,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQnE;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,2CAQhD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,WAAW,CAAC,2CAQtD;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,KAAY,EACZ,IAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,GAAG;IAClD,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;CAC7C,2CAoCA;AAED,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWnE;AAED,OAAO,EACL,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,UAAU,EACV,MAAM,GACP,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAM3E,wBAAgB,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,2CAExE;AAMD,wBAAgB,OAAO,CACrB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,2CAGxD;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,2CAE1E;AAMD,iBAAS,UAAU,CACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,2CAG3D;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,2CAQhD;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,WAAW,CAAC,2CAQtD;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,eAAoB,EACpB,UAAe,EACf,KAAY,GACb,EAAE;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAA;CAAE,GAAG;IACnE,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CAC3D,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsCrE;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAoBhC;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW1E"}

package/dist/components/popover.js

@@ -1,99 +1,97 @@
 import { j as t } from "../_virtual/jsx-runtime.js";
-import { cn as e } from "../utils/classnames.js";
-import { PopoverRoot as l } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/root/PopoverRoot.js";
-import { PopoverTrigger as d } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/trigger/PopoverTrigger.js";
-import { PopoverTitle as m } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/title/PopoverTitle.js";
+import { cn as r } from "../utils/classnames.js";
+import p from "../icons/close-icon.js";
+import { Button as l } from "./button.js";
+import { PopoverRoot as d } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/root/PopoverRoot.js";
+import { PopoverTrigger as m } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/trigger/PopoverTrigger.js";
+import { PopoverClose as i } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/close/PopoverClose.js";
+import { PopoverTitle as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/title/PopoverTitle.js";
 import { PopoverDescription as f } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/description/PopoverDescription.js";
 import { PopoverPopup as c } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/popup/PopoverPopup.js";
-import { PopoverClose as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/close/PopoverClose.js";
-import { PopoverArrow as u } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/arrow/PopoverArrow.js";
+import { PopoverPortal as u } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/portal/PopoverPortal.js";
 import { PopoverPositioner as v } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/positioner/PopoverPositioner.js";
-import { PopoverPortal as g } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/portal/PopoverPortal.js";
-function k({ ...o }) {
-  return /* @__PURE__ */ t.jsx(l, { "data-slot": "popover", ...o });
+import { PopoverArrow as g } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/popover/arrow/PopoverArrow.js";
+function k(o) {
+  return /* @__PURE__ */ t.jsx(d, { "data-slot": "popover", ...o });
 }
-function j({ ...o }) {
-  return /* @__PURE__ */ t.jsx(g, { "data-slot": "popover-portal", ...o });
+function j(o) {
+  return /* @__PURE__ */ t.jsx(u, { "data-slot": "popover-portal", ...o });
 }
-function A({
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(d, { "data-slot": "popover-trigger", ...o });
+function A(o) {
+  return /* @__PURE__ */ t.jsx(m, { "data-slot": "popover-trigger", ...o });
 }
-function D({ ...o }) {
-  return /* @__PURE__ */ t.jsx(x, { "data-slot": "popover-close", ...o });
+function D(o) {
+  return /* @__PURE__ */ t.jsx(i, { "data-slot": "popover-close", ...o });
 }
-function h({ ...o }) {
-  return /* @__PURE__ */ t.jsx(u, { "data-slot": "popover-arrow", ...o });
+function h(o) {
+  return /* @__PURE__ */ t.jsx(g, { "data-slot": "popover-arrow", ...o });
 }
-function P({
-  ...o
-}) {
+function C(o) {
   return /* @__PURE__ */ t.jsx(v, { "data-slot": "popover-positioner", ...o });
 }
-function Z({ className: o, ...r }) {
+function I({ className: o, ...e }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-slot": "popover-header",
-      className: e("gap-y-1 relative flex flex-col", o),
-      ...r
+      className: r("gap-y-1 relative flex flex-col", o),
+      ...e
     }
   );
 }
-function z({
+function Z({
   className: o,
-  ...r
+  ...e
 }) {
   return /* @__PURE__ */ t.jsx(
-    m,
+    x,
     {
       "data-slot": "popover-title",
-      className: e("text-sm font-semibold", o),
-      ...r
+      className: r("font-sans-sb text-ppx-sm", o),
+      ...e
     }
   );
 }
-function B({
+function E({
   className: o,
-  ...r
+  ...e
 }) {
   return /* @__PURE__ */ t.jsx(
     f,
     {
       "data-slot": "popover-description",
-      className: e("text-sm text-ppx-muted-foreground", o),
-      ...r
+      className: r("text-ppx-sm text-ppx-muted-foreground", o),
+      ...e
     }
   );
 }
-function E({
+function F({
   children: o,
-  className: r,
-  align: a = "center",
-  sideOffset: s = 8,
-  arrow: i = !0,
-  side: p = "bottom",
-  ...n
+  className: e,
+  positionerProps: s = {},
+  popupProps: a = {},
+  arrow: n = !0
 }) {
   return /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsx(
-    P,
+    C,
     {
-      sideOffset: s,
-      align: a,
+      sideOffset: 8,
+      align: "center",
       positionMethod: "fixed",
-      side: p,
+      side: "bottom",
+      ...s,
       children: /* @__PURE__ */ t.jsxs(
         c,
         {
           "data-slot": "popover-content",
-          className: e(
-            "w-72 rounded-md p-4 shadow-md z-50 origin-[var(--transform-origin)] bg-ppx-background text-ppx-foreground outline -outline-offset-1 outline-ppx-border transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-            r
+          ...a,
+          className: r(
+            "p-4 shadow-md z-50 min-w-input origin-[var(--transform-origin)] rounded-ppx-m bg-ppx-background text-ppx-foreground outline -outline-offset-1 outline-ppx-neutral-5 transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+            a.className,
+            e
           ),
-          ...n,
           children: [
-            i && /* @__PURE__ */ t.jsx(h, { className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", children: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", children: [
+            n && /* @__PURE__ */ t.jsx(h, { className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", children: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", children: [
               /* @__PURE__ */ t.jsx(
                 "path",
                 {
@@ -105,7 +103,7 @@ function E({
                 "path",
                 {
                   d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
-                  className: "fill-ppx-border"
+                  className: "fill-ppx-neutral-5"
                 }
               )
             ] }) }),
@@ -116,29 +114,52 @@ function E({
     }
   ) });
 }
-function F({ className: o, ...r }) {
+function O({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    i,
+    {
+      render: (s) => /* @__PURE__ */ t.jsx(
+        l,
+        {
+          "aria-label": "Close",
+          variant: "ghost",
+          size: "icon-sm",
+          className: r(
+            "self-start text-ppx-muted-foreground transition-colors hover:text-ppx-foreground",
+            o
+          ),
+          ...s,
+          ...e,
+          children: /* @__PURE__ */ t.jsx(p, { className: "size-5" })
+        }
+      )
+    }
+  );
+}
+function q({ className: o, ...e }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-slot": "popover-footer",
-      className: e(
-        "gap-2 sm:flex-row sm:justify-end flex flex-col-reverse",
+      className: r(
+        "gap-2 flex flex-col-reverse ppx-sm:flex-row ppx-sm:justify-end",
         o
       ),
-      ...r
+      ...e
     }
   );
 }
 export {
-  h as Arrow,
   D as Close,
-  E as Content,
-  B as Description,
-  F as Footer,
-  Z as Header,
-  j as Portal,
-  P as Positioner,
+  O as CloseIconButton,
+  F as Content,
+  E as Description,
+  q as Footer,
+  I as Header,
   k as Root,
-  z as Title,
+  Z as Title,
   A as Trigger
 };

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

@@ -7,6 +7,8 @@ declare const radioVariants: (props?: ({
     variant?: "default" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-declare function RadioGroupItem({ className, variant, size, ...props }: React.ComponentProps<typeof Radio.Root> & VariantProps<typeof radioVariants>): import("react/jsx-runtime").JSX.Element;
+export interface RadioGroupItemProps extends React.ComponentProps<typeof Radio.Root>, VariantProps<typeof radioVariants> {
+}
+declare function RadioGroupItem({ className, variant, size, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGrF,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAQ7C;AAED,QAAA,MAAM,aAAa;;;mFAkBlB,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,GACxC,YAAY,CAAC,OAAO,aAAa,CAAC,2CAiCnC;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGrF,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAQ7C;AAED,QAAA,MAAM,aAAa;;;mFAkBlB,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,EAC7C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAiCrB;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/select.d.ts

@@ -14,12 +14,20 @@ export declare function Content({ portalProps, positionerProps, popupProps, chil
 export declare const List: React.ForwardRefExoticComponent<Select.List.Props & React.RefAttributes<HTMLDivElement>>;
 export declare function Item({ className, ...props }: React.ComponentProps<typeof Select.Item>): import("react/jsx-runtime").JSX.Element;
 export declare function MultiItem({ className, ...props }: React.ComponentProps<typeof Select.Item>): import("react/jsx-runtime").JSX.Element;
-export declare function Trigger({ size, widthVariant, ...props }: Select.Trigger.Props & VariantProps<typeof triggerVariants>): import("react/jsx-runtime").JSX.Element;
+export interface TriggerProps extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {
+}
+export declare function Trigger({ size, widthVariant, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare function MultiSelectedValue({ selectedValue, maxItems, }: {
     selectedValue: any;
     maxItems: number;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function Value({ children, className, ...props }: Select.Value.Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders the value, if `value` is a string or an object with `label` property in it,
+ * then renders that value else you should provide a render function to render your custom value
+ * **/
+export declare function Value({ children, className, placeholder, ...props }: Select.Value.Props & {
+    placeholder?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export type SelectedValue<TValue> = TValue | null | undefined;
 export declare const BaseSelect: typeof Select;
 //# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE1D,OAAO,EAIL,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAc7D,wBAAgB,IAAI,CAClB,KAAK,GAAG,GAAG,EACX,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,EACA,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAQA;AAED,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,eAAe,EACf,UAAU,EACV,QAAQ,EACR,YAAwB,GACzB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;CAC/C,CAAC,2CA6BD;AAED,eAAO,MAAM,IAAI,0FAAc,CAAC;AAEhC,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,2CAM1C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,2CAY1C;AAiBD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,2CAe7D;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,GAAG,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,kDAmBA;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,2CAM1E;AAED,MAAM,MAAM,aAAa,CAAC,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAE9D,eAAO,MAAM,UAAU,eAAS,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE1D,OAAO,EAIL,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAc7D,wBAAgB,IAAI,CAClB,KAAK,GAAG,GAAG,EACX,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,EACA,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAQA;AAED,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,eAAe,EACf,UAAU,EACV,QAAQ,EACR,YAAwB,GACzB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;CAC/C,CAAC,2CA6BD;AAED,eAAO,MAAM,IAAI,0FAAc,CAAC;AAEhC,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,2CAM1C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,2CAY1C;AAiBD,MAAM,WAAW,YACf,SAAQ,MAAM,CAAC,OAAO,CAAC,KAAK,EAC1B,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAE3C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,YAAY,2CAed;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,GAAG,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,kDAmBA;AAED;;;MAGM;AACN,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CAoB/C;AAED,MAAM,MAAM,aAAa,CAAC,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAE9D,eAAO,MAAM,UAAU,eAAS,CAAC"}

package/dist/components/select.js

@@ -1,60 +1,60 @@
-import { j as t } from "../_virtual/jsx-runtime.js";
-import * as l from "react";
-import { cn as c } from "../utils/classnames.js";
+import { j as r } from "../_virtual/jsx-runtime.js";
+import * as o from "react";
+import { cn as s } from "../utils/classnames.js";
 import { DROPDOWN_POPUP_CN as x, DROPDOWN_POSITIONER_CN as d, triggerVariants as u, DROPDOWN_ITEM_CN as m } from "../tw-styles/dropdown.js";
-import h from "../icons/check-icon.js";
-import j from "../icons/chevron-down-icon.js";
+import j from "../icons/check-icon.js";
+import h from "../icons/chevron-down-icon.js";
 import { SelectList as N } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/list/SelectList.js";
 import * as g from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/index.parts.js";
 import { SelectRoot as S } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/root/SelectRoot.js";
 import { SelectPortal as I } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/portal/SelectPortal.js";
 import { SelectPositioner as O } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/positioner/SelectPositioner.js";
-import { SelectPopup as v } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/popup/SelectPopup.js";
-import { SelectItem as o } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/item/SelectItem.js";
+import { SelectPopup as C } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/popup/SelectPopup.js";
+import { SelectItem as l } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/item/SelectItem.js";
 import { SelectItemText as a } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/item-text/SelectItemText.js";
-import { SelectTrigger as C } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/trigger/SelectTrigger.js";
-import { SelectIcon as R } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/icon/SelectIcon.js";
-import { SelectValue as p } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/value/SelectValue.js";
-import { SelectItemIndicator as D } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/item-indicator/SelectItemIndicator.js";
-const f = l.createContext(
+import { SelectTrigger as b } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/trigger/SelectTrigger.js";
+import { SelectIcon as p } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/icon/SelectIcon.js";
+import { SelectValue as y } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/value/SelectValue.js";
+import { SelectItemIndicator as R } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/item-indicator/SelectItemIndicator.js";
+const f = o.createContext(
   {}
 );
-function _() {
-  return l.useContext(f);
+function D() {
+  return o.useContext(f);
 }
 function G({
-  children: r,
-  invalid: e,
+  children: e,
+  invalid: t,
   ...n
 }) {
-  const i = l.useMemo(() => ({ invalid: e }), [e]);
-  return /* @__PURE__ */ t.jsx(f.Provider, { value: i, children: /* @__PURE__ */ t.jsx(S, { ...n, children: r }) });
+  const c = o.useMemo(() => ({ invalid: t }), [t]);
+  return /* @__PURE__ */ r.jsx(f.Provider, { value: c, children: /* @__PURE__ */ r.jsx(S, { ...n, children: e }) });
 }
 function H({
-  portalProps: r,
-  positionerProps: e,
+  portalProps: e,
+  positionerProps: t,
   popupProps: n,
-  children: i,
-  widthVariant: s = "trigger"
+  children: c,
+  widthVariant: i = "trigger"
 }) {
-  return /* @__PURE__ */ t.jsx(I, { ...r, children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ r.jsx(I, { ...e, children: /* @__PURE__ */ r.jsx(
     O,
     {
       sideOffset: 6,
-      ...e,
-      className: c(d, e == null ? void 0 : e.className),
+      ...t,
+      className: s(d, t == null ? void 0 : t.className),
       alignItemWithTrigger: !1,
-      children: /* @__PURE__ */ t.jsx(
-        v,
+      children: /* @__PURE__ */ r.jsx(
+        C,
         {
-          className: c(
+          className: s(
             x,
             "py-1",
-            s === "trigger" ? "w-[var(--anchor-width)]" : s === "fit" ? "w-fit" : s === "enforced" ? "w-[var(--min-width-input)]" : "",
+            i === "trigger" ? "w-[var(--anchor-width)]" : i === "fit" ? "w-fit" : i === "enforced" ? "w-[var(--min-width-input)]" : "",
             n == null ? void 0 : n.className
           ),
           ...n,
-          children: i
+          children: c
         }
       )
     }
@@ -62,68 +62,73 @@ function H({
 }
 const J = N;
 function K({
-  className: r,
-  ...e
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(o, { className: c(m, r), ...e, children: /* @__PURE__ */ t.jsx(a, { children: e.children }) });
+  return /* @__PURE__ */ r.jsx(l, { className: s(m, e), ...t, children: /* @__PURE__ */ r.jsx(a, { children: t.children }) });
 }
 function Q({
-  className: r,
-  ...e
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(
-    o,
+  return /* @__PURE__ */ r.jsx(
+    l,
     {
-      ...e,
-      render: (n, i) => /* @__PURE__ */ t.jsxs("div", { ...n, className: c(m, r), children: [
-        /* @__PURE__ */ t.jsx(b, { selected: i.selected }),
-        /* @__PURE__ */ t.jsx(a, { children: e.children })
+      ...t,
+      render: (n, c) => /* @__PURE__ */ r.jsxs("div", { ...n, className: s(m, e), children: [
+        /* @__PURE__ */ r.jsx(_, { selected: c.selected }),
+        /* @__PURE__ */ r.jsx(a, { children: t.children })
       ] })
     }
   );
 }
-function b(r) {
-  return /* @__PURE__ */ t.jsx(
+function _(e) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: c(
+      className: s(
         "peer rounded-sm bg-white size-4 flex shrink-0 items-center justify-center border border-ppx-neutral-10 transition-colors duration-150 outline-none",
-        r.selected && "text-white border-ppx-primary-5 bg-ppx-primary-5"
+        e.selected && "text-white border-ppx-primary-5 bg-ppx-primary-5"
       ),
-      children: /* @__PURE__ */ t.jsx(D, { children: /* @__PURE__ */ t.jsx(h, {}) })
+      children: /* @__PURE__ */ r.jsx(R, { children: /* @__PURE__ */ r.jsx(j, {}) })
     }
   );
 }
 function X({
-  size: r,
-  widthVariant: e,
+  size: e,
+  widthVariant: t,
   ...n
 }) {
-  const { invalid: i } = _();
-  return /* @__PURE__ */ t.jsxs(
-    C,
+  const { invalid: c } = D();
+  return /* @__PURE__ */ r.jsxs(
+    b,
     {
       "aria-label": "Open popup",
-      className: c(u({ size: r, widthVariant: e }), n.className),
-      "aria-invalid": i ?? void 0,
+      className: s(u({ size: e, widthVariant: t }), n.className),
+      "aria-invalid": c ?? void 0,
       children: [
         n.children,
-        /* @__PURE__ */ t.jsx(R, { className: "shrink-0", children: /* @__PURE__ */ t.jsx(j, {}) })
+        /* @__PURE__ */ r.jsx(p, { className: "shrink-0", children: /* @__PURE__ */ r.jsx(h, {}) })
       ]
     }
   );
 }
 function Y({
-  selectedValue: r,
-  maxItems: e
+  selectedValue: e,
+  maxItems: t
 }) {
-  return !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ t.jsxs("div", { className: "gap-1 flex items-center", children: [
-    /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r.slice(0, e).join(", ") }),
-    r.length > e && /* @__PURE__ */ t.jsx("span", { className: "truncate", children: `(+${r.length - e})` })
+  return !e || Array.isArray(e) && e.length === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: "gap-1 flex items-center", children: [
+    /* @__PURE__ */ r.jsx("span", { className: "truncate", children: e.slice(0, t).join(", ") }),
+    e.length > t && /* @__PURE__ */ r.jsx("span", { className: "truncate", children: `(+${e.length - t})` })
   ] });
 }
-function Z({ children: r, className: e, ...n }) {
-  return /* @__PURE__ */ t.jsx(p, { className: c("truncate text-ppx-sm", e), ...n, children: r });
+function Z({
+  children: e,
+  className: t,
+  placeholder: n,
+  ...c
+}) {
+  return /* @__PURE__ */ r.jsx(y, { className: s("truncate text-ppx-sm", t), ...c, children: (i) => i == null && n ? n : e ? typeof e == "function" ? e(i) : e : i && typeof i == "object" && "label" in i ? i.label : i });
 }
 const V = g;
 export {

package/dist/components/switch.js

@@ -1,7 +1,7 @@
 import { j as a } from "../_virtual/jsx-runtime.js";
 import { cn as e } from "../utils/classnames.js";
 import { SwitchRoot as o } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/switch/root/SwitchRoot.js";
-import { SwitchThumb as i } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/switch/thumb/SwitchThumb.js";
+import { SwitchThumb as c } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/switch/thumb/SwitchThumb.js";
 function p({
   className: r,
   size: t,
@@ -12,7 +12,7 @@ function p({
     {
       "data-slot": "switch",
       className: e(
-        "peer focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-ppx-primary-5 data-unchecked:bg-ppx-neutral-4",
+        "peer shadow-xs inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-3 focus-visible:ring-ppx-neutral-17/30 disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-ppx-primary-5 data-unchecked:bg-ppx-neutral-4",
         t === "sm" && "h-4 w-8",
         t === void 0 && "h-5 w-10",
         t === "lg" && "h-6 w-12",
@@ -20,7 +20,7 @@ function p({
       ),
       ...n,
       children: /* @__PURE__ */ a.jsx(
-        i,
+        c,
         {
           "data-slot": "switch-thumb",
           className: e(

package/dist/components/textarea.d.ts

@@ -4,8 +4,9 @@ declare const textareaVariants: (props?: ({
     size?: "default" | "sm" | null | undefined;
     widthVariant?: "enforced" | "full" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-declare function Textarea({ className, size, invalid, widthVariant, ...props }: React.ComponentProps<"textarea"> & VariantProps<typeof textareaVariants> & {
+export interface TextareaProps extends React.ComponentProps<"textarea">, VariantProps<typeof textareaVariants> {
     invalid?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}
+declare function Textarea({ className, size, invalid, widthVariant, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,gBAAgB;;;mFAiBrB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,GACjC,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAS9D;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,gBAAgB;;;mFAkBrB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EACtC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,aAAa,2CASf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/textarea.js

@@ -15,7 +15,8 @@ const p = l(
       }
     },
     defaultVariants: {
-      size: "default"
+      size: "default",
+      widthVariant: "enforced"
     }
   }
 );

package/dist/core.css

@@ -1 +1 @@
-@theme{ --font-sans-light: "Lato L", system-ui, sans-serif; --font-sans: "Lato R", system-ui, sans-serif; --font-sans-sb: "Lato SB", system-ui, sans-serif; --font-sans-b: "Lato B", system-ui, sans-serif; --color-ppx-green-1: #eaf8f1; --color-ppx-green-2: #a7e1c6; --color-ppx-green-3: #82d5ae; --color-ppx-green-4: #4dc28c; --color-ppx-green-5: #28b674; --color-ppx-green-6: #1c7f51; --color-ppx-green-7: #186f47; --color-ppx-red-1: #f8e6e6; --color-ppx-red-2: #e39696; --color-ppx-red-3: #d76b6b; --color-ppx-red-4: #c62b2b; --color-ppx-red-5: #ba0000; --color-ppx-red-6: #820000; --color-ppx-red-7: #710000; --color-ppx-yellow-1: #fff7e6; --color-ppx-yellow-2: #ffdd96; --color-ppx-yellow-3: #fecf6b; --color-ppx-yellow-4: #febb2b; --color-ppx-yellow-5: #fead00; --color-ppx-yellow-6: #b27900; --color-ppx-yellow-7: #9b6a00; --color-ppx-neutral-1: #fafbfb; --color-ppx-neutral-2: #f5f6f7; --color-ppx-neutral-3: #ebedf0; --color-ppx-neutral-4: #dfe2e6; --color-ppx-neutral-5: #c2c7d0; --color-ppx-neutral-6: #b3b9c4; --color-ppx-neutral-7: #a6aebb; --color-ppx-neutral-8: #98a1b0; --color-ppx-neutral-9: #8993a4; --color-ppx-neutral-10: #7a8699; --color-ppx-neutral-11: #6b788e; --color-ppx-neutral-12: #5d6b82; --color-ppx-neutral-13: #505f79; --color-ppx-neutral-14: #42526d; --color-ppx-neutral-15: #354764; --color-ppx-neutral-16: #243757; --color-ppx-neutral-17: #15294b; --color-ppx-neutral-18: #091e42; --color-ppx-primary-1: #eaf8f1; --color-ppx-primary-2: #a7e1c6; --color-ppx-primary-3: #82d5ae; --color-ppx-primary-4: #4dc28c; --color-ppx-primary-5: #28b674; --color-ppx-primary-6: #1c7f51; --color-ppx-primary-7: #186f47; --color-ppx-primary-b-1: #ecf4fe; --color-ppx-primary-b-2: #b1d1f9; --color-ppx-primary-b-3: #90bef6; --color-ppx-primary-b-4: #60a2f3; --color-ppx-primary-b-5: #408ff0; --color-ppx-primary-b-6: #2d64a8; --color-ppx-primary-b-7: #275792; --color-ppx-background: #fff; --color-ppx-foreground: var(--color-ppx-neutral-18); --color-ppx-muted-background: #dfe2e6; --color-ppx-muted-foreground: var(--color-ppx-neutral-13); --color-ppx-border: var(--color-ppx-neutral-3); --padding-input: .5rem; --height-input: 2.5rem; --height-input-s: 2rem; --min-width-input: 18rem; --radius-ppx-xs: .125rem; --radius-ppx-s: .5rem; --radius-ppx-m: .75rem; --radius-ppx-l: 1rem; --radius-ppx-xl: 1.25rem; --radius-input: var(--radius-ppx-s); --radius-input-s: var(--radius-ppx-s); }@utility text-ppx-h1{font-size: 2.441rem; line-height: 3rem;}@utility text-ppx-h2{font-size: 1.953rem; line-height: 2.5rem;}@utility text-ppx-h3{font-size: 1.562rem; line-height: 2rem;}@utility text-ppx-h4{font-size: 1.25rem; line-height: 1.5rem;}@utility text-ppx-base{font-size: 1rem; line-height: 1.25rem;}@utility text-ppx-sm{font-size: .875rem; line-height: 1rem;}@utility text-ppx-xs{font-size: .64rem; line-height: .75rem;}@utility h-stretch-available{height: -webkit-fill-available; height: -moz-available; height: stretch;}.no-arrow-spin{-moz-appearance:textfield}.no-arrow-spin::-webkit-outer-spin-button,.no-arrow-spin::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.root{isolation:isolate}@keyframes bounce-color{0%,to{transform:translateY(0);background-color:#d1d5db}50%{transform:translateY(-25%);background-color:#374151}}@source "./**/*.{js,jsx,ts,tsx}";
+@theme{ --font-sans-light: "Lato L", system-ui, sans-serif; --font-sans: "Lato R", system-ui, sans-serif; --font-sans-sb: "Lato SB", system-ui, sans-serif; --font-sans-b: "Lato B", system-ui, sans-serif; --color-ppx-green-1: #eaf8f1; --color-ppx-green-2: #a7e1c6; --color-ppx-green-3: #82d5ae; --color-ppx-green-4: #4dc28c; --color-ppx-green-5: #28b674; --color-ppx-green-6: #1c7f51; --color-ppx-green-7: #186f47; --color-ppx-red-1: #f8e6e6; --color-ppx-red-2: #e39696; --color-ppx-red-3: #d76b6b; --color-ppx-red-4: #c62b2b; --color-ppx-red-5: #ba0000; --color-ppx-red-6: #820000; --color-ppx-red-7: #710000; --color-ppx-yellow-1: #fff7e6; --color-ppx-yellow-2: #ffdd96; --color-ppx-yellow-3: #fecf6b; --color-ppx-yellow-4: #febb2b; --color-ppx-yellow-5: #fead00; --color-ppx-yellow-6: #b27900; --color-ppx-yellow-7: #9b6a00; --color-ppx-neutral-1: #fafbfb; --color-ppx-neutral-2: #f5f6f7; --color-ppx-neutral-3: #ebedf0; --color-ppx-neutral-4: #dfe2e6; --color-ppx-neutral-5: #c2c7d0; --color-ppx-neutral-6: #b3b9c4; --color-ppx-neutral-7: #a6aebb; --color-ppx-neutral-8: #98a1b0; --color-ppx-neutral-9: #8993a4; --color-ppx-neutral-10: #7a8699; --color-ppx-neutral-11: #6b788e; --color-ppx-neutral-12: #5d6b82; --color-ppx-neutral-13: #505f79; --color-ppx-neutral-14: #42526d; --color-ppx-neutral-15: #354764; --color-ppx-neutral-16: #243757; --color-ppx-neutral-17: #15294b; --color-ppx-neutral-18: #091e42; --color-ppx-primary-1: #eaf8f1; --color-ppx-primary-2: #a7e1c6; --color-ppx-primary-3: #82d5ae; --color-ppx-primary-4: #4dc28c; --color-ppx-primary-5: #28b674; --color-ppx-primary-6: #1c7f51; --color-ppx-primary-7: #186f47; --color-ppx-primary-b-1: #ecf4fe; --color-ppx-primary-b-2: #b1d1f9; --color-ppx-primary-b-3: #90bef6; --color-ppx-primary-b-4: #60a2f3; --color-ppx-primary-b-5: #408ff0; --color-ppx-primary-b-6: #2d64a8; --color-ppx-primary-b-7: #275792; --color-ppx-background: #fff; --color-ppx-foreground: var(--color-ppx-neutral-18); --color-ppx-muted-background: #dfe2e6; --color-ppx-muted-foreground: var(--color-ppx-neutral-13); --color-ppx-border: var(--color-ppx-neutral-3); --breakpoint-ppx-sm: 40rem; --breakpoint-ppx-md: 48rem; --breakpoint-ppx-lg: 64rem; --breakpoint-ppx-xl: 80rem; --breakpoint-ppx-2xl: 96rem; --padding-input: .5rem; --height-input: 2.5rem; --height-input-s: 2rem; --min-width-input: 18rem; --radius-ppx-xs: .125rem; --radius-ppx-s: .5rem; --radius-ppx-m: .75rem; --radius-ppx-l: 1rem; --radius-ppx-xl: 1.25rem; --radius-input: var(--radius-ppx-s); --radius-input-s: var(--radius-ppx-s); }@utility text-ppx-h1{font-size: 2.441rem; line-height: 3rem;}@utility text-ppx-h2{font-size: 1.953rem; line-height: 2.5rem;}@utility text-ppx-h3{font-size: 1.562rem; line-height: 2rem;}@utility text-ppx-h4{font-size: 1.25rem; line-height: 1.5rem;}@utility text-ppx-base{font-size: 1rem; line-height: 1.25rem;}@utility text-ppx-sm{font-size: .875rem; line-height: 1rem;}@utility text-ppx-xs{font-size: .75rem; line-height: .75rem;}@utility text-ppx-xxs{font-size: .64rem; line-height: .75rem;}@utility h-stretch-available{height: -webkit-fill-available; height: -moz-available; height: stretch;}.no-arrow-spin{-moz-appearance:textfield}.no-arrow-spin::-webkit-outer-spin-button,.no-arrow-spin::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.root{isolation:isolate}@keyframes bounce-color{0%,to{transform:translateY(0);background-color:#d1d5db}50%{transform:translateY(-25%);background-color:#374151}}@source "./**/*.{js,jsx,ts,tsx}";

package/dist/index.d.ts

@@ -13,7 +13,6 @@ export * as BlockRadioGroup from './components/block-radio-group';
 export * from './components/button';
 export * from './components/checkbox';
 export * from './components/label';
-export * from './components/text-input';
 export * from './components/input';
 export * from './components/textarea';
 export * from './components/avatar';