@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/breadcrumb-separator-Cn5BAhvD.d.ts

@@ -0,0 +1,228 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/breadcrumb/breadcrumb-ellipsis.d.ts
+declare const breadcrumbEllipsisVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center justify-center text-muted-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center justify-center text-muted-foreground", unknown, unknown, undefined>>;
+type BreadcrumbEllipsisVariantProps = Omit<VariantProps<typeof breadcrumbEllipsisVariants>, "size"> & {
+  size?: UISize;
+};
+type BreadcrumbEllipsisProps = ComponentProps<"span"> & BreadcrumbEllipsisVariantProps;
+declare const BreadcrumbEllipsis: ({
+  className,
+  size,
+  ...props
+}: BreadcrumbEllipsisProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-item.d.ts
+declare const breadcrumbItemVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex items-center", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex items-center", unknown, unknown, undefined>>;
+type BreadcrumbItemVariantProps = Omit<VariantProps<typeof breadcrumbItemVariants>, "size"> & {
+  size?: UISize;
+};
+type BreadcrumbItemProps = ComponentProps<"li"> & BreadcrumbItemVariantProps;
+declare const BreadcrumbItem: ({
+  className,
+  size,
+  ...props
+}: BreadcrumbItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-link.d.ts
+declare const breadcrumbLinkVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "cursor-pointer transition-colors hover:text-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "cursor-pointer transition-colors hover:text-foreground", unknown, unknown, undefined>>;
+type BreadcrumbLinkVariantProps = Omit<VariantProps<typeof breadcrumbLinkVariants>, "size"> & {
+  size?: UISize;
+};
+type BreadcrumbLinkProps = useRender.ComponentProps<"a"> & BreadcrumbLinkVariantProps;
+declare const BreadcrumbLink: ({
+  className,
+  render,
+  size,
+  ...props
+}: BreadcrumbLinkProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-list.d.ts
+declare const breadcrumbListVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex flex-wrap items-center break-words text-muted-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex flex-wrap items-center break-words text-muted-foreground", unknown, unknown, undefined>>;
+type BreadcrumbListVariantProps = Omit<VariantProps<typeof breadcrumbListVariants>, "size"> & {
+  size?: UISize;
+};
+type BreadcrumbListProps = ComponentProps<"ol"> & BreadcrumbListVariantProps;
+declare const BreadcrumbList: ({
+  className,
+  size,
+  ...props
+}: BreadcrumbListProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-page.d.ts
+declare const breadcrumbPageVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-normal text-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-normal text-foreground", unknown, unknown, undefined>>;
+type BreadcrumbPageVariantProps = Omit<VariantProps<typeof breadcrumbPageVariants>, "size"> & {
+  size?: UISize;
+};
+type BreadcrumbPageProps = ComponentProps<"span"> & BreadcrumbPageVariantProps;
+declare const BreadcrumbPage: ({
+  className,
+  size,
+  ...props
+}: BreadcrumbPageProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-separator.d.ts
+declare const breadcrumbSeparatorVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex items-center text-muted-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex items-center text-muted-foreground", unknown, unknown, undefined>>;
+type BreadcrumbSeparatorVariantProps = Omit<VariantProps<typeof breadcrumbSeparatorVariants>, "size"> & {
+  size?: UISize;
+};
+type BreadcrumbSeparatorProps = ComponentProps<"li"> & BreadcrumbSeparatorVariantProps;
+declare const BreadcrumbSeparator: ({
+  children,
+  className,
+  size,
+  ...props
+}: BreadcrumbSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BreadcrumbList as a, BreadcrumbLinkProps as c, BreadcrumbEllipsis as d, BreadcrumbEllipsisProps as f, BreadcrumbPageProps as i, BreadcrumbItem as l, BreadcrumbSeparatorProps as n, BreadcrumbListProps as o, BreadcrumbPage as r, BreadcrumbLink as s, BreadcrumbSeparator as t, BreadcrumbItemProps as u };
+//# sourceMappingURL=breadcrumb-separator-Cn5BAhvD.d.ts.map

package/dist/breadcrumb-separator-Cn5BAhvD.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-separator-Cn5BAhvD.d.ts","names":[],"sources":["../src/ui/breadcrumb/breadcrumb-ellipsis.tsx","../src/ui/breadcrumb/breadcrumb-item.tsx","../src/ui/breadcrumb/breadcrumb-link.tsx","../src/ui/breadcrumb/breadcrumb-list.tsx","../src/ui/breadcrumb/breadcrumb-page.tsx","../src/ui/breadcrumb/breadcrumb-separator.tsx"],"mappings":";;;;;;;;;cAUM,0BAAA,EAcJ,kBAAA,CAd8B,YAAA;;;;;;;;;;;;;;;;cAc9B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,8BAAA,GAAiC,IAAA,CACpC,YAAA,QAAoB,0BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,uBAAA,GAA0B,cAAA,WACpC,8BAAA;AAAA,cAEI,kBAAA;EAAsB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cChCpB,sBAAA,EAcJ,kBAAA,CAd0B,YAAA;;;;;;;;;;;;;;;;cAc1B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,0BAAA,GAA6B,IAAA,CAChC,YAAA,QAAoB,sBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,cAAA,SAChC,0BAAA;AAAA,cAEI,cAAA;EAAkB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC1BpE,sBAAA,EAcJ,kBAAA,CAd0B,YAAA;;;;;;;;;;;;;;;;cAc1B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,0BAAA,GAA6B,IAAA,CAChC,YAAA,QAAoB,sBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,SAAA,CAAU,cAAA,QAC1C,0BAAA;AAAA,cAEI,cAAA;EAAkB,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKrB,mBAAA,KAAmB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;cC/BhB,sBAAA,EAcJ,kBAAA,CAd0B,YAAA;;;;;;;;;;;;;;;;cAc1B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,0BAAA,GAA6B,IAAA,CAChC,YAAA,QAAoB,sBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,cAAA,SAChC,0BAAA;AAAA,cAEI,cAAA;EAAkB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC1BpE,sBAAA,EAcJ,kBAAA,CAd0B,YAAA;;;;;;;;;;;;;;;;cAc1B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,0BAAA,GAA6B,IAAA,CAChC,YAAA,QAAoB,sBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,cAAA,WAChC,0BAAA;AAAA,cAEI,cAAA;EAAkB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCxBpE,2BAAA,EAcJ,kBAAA,CAd+B,YAAA;;;;;;;;;;;;;;;;cAc/B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,+BAAA,GAAkC,IAAA,CACrC,YAAA,QAAoB,2BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,wBAAA,GAA2B,cAAA,SACrC,+BAAA;AAAA,cAEI,mBAAA;EAAuB,QAAA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK1B,wBAAA,KAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/breadcrumb.d.ts

@@ -1,42 +1,52 @@
-import { a as BreadcrumbItem, i as BreadcrumbLink, n as BreadcrumbPage, o as BreadcrumbEllipsis, r as BreadcrumbList, t as BreadcrumbSeparator } from "./breadcrumb-separator-C6zfQJ5p.js";
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { a as BreadcrumbList, c as BreadcrumbLinkProps, d as BreadcrumbEllipsis, f as BreadcrumbEllipsisProps, i as BreadcrumbPageProps, l as BreadcrumbItem, n as BreadcrumbSeparatorProps, o as BreadcrumbListProps, r as BreadcrumbPage, s as BreadcrumbLink, t as BreadcrumbSeparator, u as BreadcrumbItemProps } from "./breadcrumb-separator-Cn5BAhvD.js";
 import * as react from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/ui/breadcrumb/breadcrumb.d.ts
+type BreadcrumbProps = ComponentProps<"nav"> & {
+  size?: UISize;
+};
 declare const Breadcrumb: {
   ({
     className,
+    size: providedSize,
     ...props
-  }: ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+  }: BreadcrumbProps): react_jsx_runtime0.JSX.Element;
   Ellipsis: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  }: BreadcrumbEllipsisProps) => react_jsx_runtime0.JSX.Element;
   Item: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  }: BreadcrumbItemProps) => react_jsx_runtime0.JSX.Element;
   Link: ({
     className,
     render,
+    size,
     ...props
-  }: _base_ui_react0.useRender.ComponentProps<"a">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  }: BreadcrumbLinkProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
   List: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"ol">) => react_jsx_runtime0.JSX.Element;
+  }: BreadcrumbListProps) => react_jsx_runtime0.JSX.Element;
   Page: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  }: BreadcrumbPageProps) => react_jsx_runtime0.JSX.Element;
   Separator: ({
     children,
     className,
+    size,
     ...props
-  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  }: BreadcrumbSeparatorProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../src/ui/breadcrumb/breadcrumb.tsx"],"mappings":";;;;;;;cAWM,UAAA;EAAA;;;KAAuC,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../src/ui/breadcrumb/breadcrumb.tsx"],"mappings":";;;;;;;KAcY,eAAA,GAAkB,cAAA;EAC5B,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,UAAA;EAAA;;;;KAIH,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/breadcrumb.js

@@ -1,14 +1,22 @@
-import { a as BreadcrumbItem, i as BreadcrumbLink, n as BreadcrumbPage, o as BreadcrumbEllipsis, r as BreadcrumbList, t as BreadcrumbSeparator } from "./breadcrumb-separator-Bp5VXfQ8.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as BreadcrumbItem, i as BreadcrumbLink, n as BreadcrumbPage, o as BreadcrumbEllipsis, r as BreadcrumbList, s as BreadcrumbSizeContext, t as BreadcrumbSeparator } from "./breadcrumb-separator-BxPVg1Je.js";
 import { cn } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/ui/breadcrumb/breadcrumb.tsx
-const Breadcrumb = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
-	"aria-label": "breadcrumb",
-	className: cn(className),
-	"data-slot": "breadcrumb",
-	...props
-});
+const Breadcrumb = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(BreadcrumbSizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx("nav", {
+			"aria-label": "breadcrumb",
+			className: cn(className),
+			"data-size": size,
+			"data-slot": "breadcrumb",
+			...props
+		})
+	});
+};
 Breadcrumb.Ellipsis = BreadcrumbEllipsis;
 Breadcrumb.Item = BreadcrumbItem;
 Breadcrumb.Link = BreadcrumbLink;

package/dist/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../src/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { BreadcrumbEllipsis } from \"./breadcrumb-ellipsis\";\nimport { BreadcrumbItem } from \"./breadcrumb-item\";\nimport { BreadcrumbLink } from \"./breadcrumb-link\";\nimport { BreadcrumbList } from \"./breadcrumb-list\";\nimport { BreadcrumbPage } from \"./breadcrumb-page\";\nimport { BreadcrumbSeparator } from \"./breadcrumb-separator\";\n\nconst Breadcrumb = ({ className, ...props }: ComponentProps<\"nav\">) => (\n  <nav\n    aria-label=\"breadcrumb\"\n    className={cn(className)}\n    data-slot=\"breadcrumb\"\n    {...props}\n  />\n);\n\nBreadcrumb.Ellipsis = BreadcrumbEllipsis;\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Link = BreadcrumbLink;\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Page = BreadcrumbPage;\nBreadcrumb.Separator = BreadcrumbSeparator;\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n"],"mappings":";;;;;AAWA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,cAAW;CACX,WAAW,GAAG,UAAU;CACxB,aAAU;CACV,GAAI;EACJ;AAGJ,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,YAAY"}
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../src/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { BreadcrumbEllipsis } from \"./breadcrumb-ellipsis\";\nimport { BreadcrumbItem } from \"./breadcrumb-item\";\nimport { BreadcrumbLink } from \"./breadcrumb-link\";\nimport { BreadcrumbList } from \"./breadcrumb-list\";\nimport { BreadcrumbPage } from \"./breadcrumb-page\";\nimport { BreadcrumbSeparator } from \"./breadcrumb-separator\";\nimport { BreadcrumbSizeContext } from \"./breadcrumb-size-context\";\nexport type BreadcrumbProps = ComponentProps<\"nav\"> & {\n  size?: UISize;\n};\n\nconst Breadcrumb = ({\n  className,\n  size: providedSize,\n  ...props\n}: BreadcrumbProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <BreadcrumbSizeContext.Provider value={{ size }}>\n      <nav\n        aria-label=\"breadcrumb\"\n        className={cn(className)}\n        data-size={size}\n        data-slot=\"breadcrumb\"\n        {...props}\n      />\n    </BreadcrumbSizeContext.Provider>\n  );\n};\n\nBreadcrumb.Ellipsis = BreadcrumbEllipsis;\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Link = BreadcrumbLink;\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Page = BreadcrumbPage;\nBreadcrumb.Separator = BreadcrumbSeparator;\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n\nexport type { BreadcrumbEllipsisProps } from \"./breadcrumb-ellipsis\";\nexport type { BreadcrumbItemProps } from \"./breadcrumb-item\";\nexport type { BreadcrumbLinkProps } from \"./breadcrumb-link\";\nexport type { BreadcrumbListProps } from \"./breadcrumb-list\";\nexport type { BreadcrumbPageProps } from \"./breadcrumb-page\";\nexport type { BreadcrumbSeparatorProps } from \"./breadcrumb-separator\";\n"],"mappings":";;;;;;AAkBA,MAAM,cAAc,EAClB,WACA,MAAM,cACN,GAAG,YACkB;CACrB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,sBAAsB;EAAS,OAAO,EAAE,MAAM;YAC7C,oBAAC;GACC,cAAW;GACX,WAAW,GAAG,UAAU;GACxB,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC6B;;AAIrC,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,YAAY"}

package/dist/button-group-size-context-BAqIdusJ.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+
+//#region src/ui/button-group/button-group-size-context.ts
+const ButtonGroupSizeContext = createContext({ size: void 0 });
+
+//#endregion
+export { ButtonGroupSizeContext as t };
+//# sourceMappingURL=button-group-size-context-BAqIdusJ.js.map

package/dist/button-group-size-context-BAqIdusJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-size-context-BAqIdusJ.js","names":[],"sources":["../src/ui/button-group/button-group-size-context.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport interface ButtonGroupSizeContextValue {\n  size?: UISize;\n}\n\nconst ButtonGroupSizeContext = createContext<ButtonGroupSizeContextValue>({\n  size: undefined,\n});\n\nexport { ButtonGroupSizeContext };\n"],"mappings":";;;AAUA,MAAM,yBAAyB,cAA2C,EACxE,MAAM,QACP,CAAC"}

package/dist/button-group-text-B2_MmlIc.d.ts

@@ -0,0 +1,85 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { Separator } from "./separator.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/button-group/button-group-separator.d.ts
+declare const buttonGroupSeparatorVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto", unknown, unknown, undefined>>;
+type ButtonGroupSeparatorVariantProps = Omit<VariantProps<typeof buttonGroupSeparatorVariants>, "size"> & {
+  size?: UISize;
+};
+type ButtonGroupSeparatorProps = ComponentProps<typeof Separator> & ButtonGroupSeparatorVariantProps;
+declare const ButtonGroupSeparator: ({
+  className,
+  orientation,
+  size,
+  ...props
+}: ButtonGroupSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/button-group/button-group-text.d.ts
+declare const buttonGroupTextVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center border border-border bg-muted font-medium [&_svg]:pointer-events-none", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center border border-border bg-muted font-medium [&_svg]:pointer-events-none", unknown, unknown, undefined>>;
+type ButtonGroupTextVariantProps = Omit<VariantProps<typeof buttonGroupTextVariants>, "size"> & {
+  size?: UISize;
+};
+type ButtonGroupTextProps = useRender.ComponentProps<"div"> & ButtonGroupTextVariantProps;
+declare const ButtonGroupText: ({
+  className,
+  render,
+  size,
+  ...props
+}: ButtonGroupTextProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+export { ButtonGroupSeparatorProps as i, ButtonGroupTextProps as n, ButtonGroupSeparator as r, ButtonGroupText as t };
+//# sourceMappingURL=button-group-text-B2_MmlIc.d.ts.map

package/dist/button-group-text-B2_MmlIc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-text-B2_MmlIc.d.ts","names":[],"sources":["../src/ui/button-group/button-group-separator.tsx","../src/ui/button-group/button-group-text.tsx"],"mappings":";;;;;;;;;;cAUM,4BAAA,EAcJ,kBAAA,CAdgC,YAAA;;;;;;;;;;;;;;;;cAchC,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,gCAAA,GAAmC,IAAA,CACtC,YAAA,QAAoB,4BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,yBAAA,GAA4B,cAAA,QAAsB,SAAA,IAC5D,gCAAA;AAAA,cAEI,oBAAA;EAAwB,SAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK3B,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cChCtB,uBAAA,EAcJ,kBAAA,CAd2B,YAAA;;;;;;;;;;;;;;;;cAc3B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,2BAAA,GAA8B,IAAA,CACjC,YAAA,QAAoB,uBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,oBAAA,GAAuB,SAAA,CAAU,cAAA,UAC3C,2BAAA;AAAA,cAEI,eAAA;EAAmB,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKtB,oBAAA,KAAoB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}

package/dist/button-group-text-JA0xMSnb.js

@@ -0,0 +1,62 @@
+import { t as ButtonGroupSizeContext } from "./button-group-size-context-BAqIdusJ.js";
+import { Separator } from "./separator.js";
+import { cn, tv } from "tailwind-variants";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/button-group/button-group-separator.tsx
+const buttonGroupSeparatorVariants = tv({
+	base: "relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto",
+	variants: { size: {
+		xs: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
+		sm: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
+		md: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
+		lg: "data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5",
+		xl: "data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ButtonGroupSeparator = ({ className, orientation = "vertical", size, ...props }) => {
+	const { size: groupSize } = useContext(ButtonGroupSizeContext);
+	const resolvedSize = size ?? groupSize ?? "md";
+	return /* @__PURE__ */ jsx(Separator, {
+		className: cn(buttonGroupSeparatorVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "button-group-separator",
+		orientation,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/button-group/button-group-text.tsx
+const buttonGroupTextVariants = tv({
+	base: "flex items-center border border-border bg-muted font-medium [&_svg]:pointer-events-none",
+	variants: { size: {
+		xs: "gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3",
+		sm: "gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm [&_svg:not([class*='size-'])]:size-3.5",
+		md: "gap-2 rounded-md px-2.5 text-sm [&_svg:not([class*='size-'])]:size-4",
+		lg: "gap-2 rounded-md px-3 text-sm [&_svg:not([class*='size-'])]:size-4",
+		xl: "gap-2.5 rounded-md px-4 text-base [&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ButtonGroupText = ({ className, render, size, ...props }) => {
+	const { size: groupSize } = useContext(ButtonGroupSizeContext);
+	const resolvedSize = size ?? groupSize ?? "md";
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn(buttonGroupTextVariants({ size: resolvedSize }), className) }, props),
+		render,
+		state: {
+			slot: "button-group-text",
+			size: resolvedSize
+		}
+	});
+};
+
+//#endregion
+export { ButtonGroupSeparator as n, ButtonGroupText as t };
+//# sourceMappingURL=button-group-text-JA0xMSnb.js.map

package/dist/button-group-text-JA0xMSnb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-text-JA0xMSnb.js","names":[],"sources":["../src/ui/button-group/button-group-separator.tsx","../src/ui/button-group/button-group-text.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { Separator } from \"../separator/separator\";\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\n\nconst buttonGroupSeparatorVariants = tv({\n  base: \"relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto\",\n  variants: {\n    size: {\n      xs: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      sm: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      md: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      lg: \"data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5\",\n      xl: \"data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype ButtonGroupSeparatorVariantProps = Omit<\n  VariantProps<typeof buttonGroupSeparatorVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type ButtonGroupSeparatorProps = ComponentProps<typeof Separator> &\n  ButtonGroupSeparatorVariantProps;\n\nconst ButtonGroupSeparator = ({\n  className,\n  orientation = \"vertical\",\n  size,\n  ...props\n}: ButtonGroupSeparatorProps) => {\n  const { size: groupSize } = useContext(ButtonGroupSizeContext);\n  const resolvedSize = size ?? groupSize ?? \"md\";\n\n  return (\n    <Separator\n      className={cn(\n        buttonGroupSeparatorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      {...props}\n    />\n  );\n};\n\nexport { ButtonGroupSeparator };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\n\nconst buttonGroupTextVariants = tv({\n  base: \"flex items-center border border-border bg-muted font-medium [&_svg]:pointer-events-none\",\n  variants: {\n    size: {\n      xs: \"gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"gap-2 rounded-md px-2.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"gap-2 rounded-md px-3 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"gap-2.5 rounded-md px-4 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype ButtonGroupTextVariantProps = Omit<\n  VariantProps<typeof buttonGroupTextVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type ButtonGroupTextProps = useRender.ComponentProps<\"div\"> &\n  ButtonGroupTextVariantProps;\n\nconst ButtonGroupText = ({\n  className,\n  render,\n  size,\n  ...props\n}: ButtonGroupTextProps) => {\n  const { size: groupSize } = useContext(ButtonGroupSizeContext);\n  const resolvedSize = size ?? groupSize ?? \"md\";\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          buttonGroupTextVariants({ size: resolvedSize }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"button-group-text\",\n      size: resolvedSize,\n    },\n  });\n};\n\nexport { ButtonGroupText };\n"],"mappings":";;;;;;;;;AAUA,MAAM,+BAA+B,GAAG;CACtC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,wBAAwB,EAC5B,WACA,cAAc,YACd,MACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,MAAM,cAAc,WAAW,uBAAuB;CAC9D,MAAM,eAAe,QAAQ,aAAa;AAE1C,QACE,oBAAC;EACC,WAAW,GACT,6BAA6B,EAAE,MAAM,cAAc,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACG;EACb,GAAI;GACJ;;;;;AC9CN,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,mBAAmB,EACvB,WACA,QACA,MACA,GAAG,YACuB;CAC1B,MAAM,EAAE,MAAM,cAAc,WAAW,uBAAuB;CAC9D,MAAM,eAAe,QAAQ,aAAa;AAE1C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GACT,wBAAwB,EAAE,MAAM,cAAc,CAAC,EAC/C,UACD,EACF,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN,MAAM;GACP;EACF,CAAC"}

package/dist/button-group.d.ts

@@ -1,92 +1,72 @@
-import "./accordion-trigger-B51W3Rdg.js";
-import "./alert-title-W1oau4D6.js";
-import { ct as ButtonGroupText, lt as ButtonGroupSeparator } from "./use-sidebar-CYBPR0ue.js";
-import "./announcement-title-3cikJ44S.js";
-import "./autocomplete-value-DUN1Jprs.js";
-import "./avatar-image-DPunh5Hd.js";
-import "./breadcrumb-separator-C6zfQJ5p.js";
-import { SeparatorProps } from "./separator.js";
-import "./card-title-Dk0akcFR.js";
-import "./collapsible-trigger-DjL8pGgf.js";
-import "./use-combobox-anchor-DKwvfnFx.js";
-import "./dialog-trigger-B5HeOikl.js";
-import "./context-menu-trigger-DHPhlnvV.js";
-import "./drawer-viewport-DejmWgmc.js";
-import "./dropdown-menu-trigger-DEdnOFwc.js";
-import "./dropzone-context-DNiJThhB.js";
-import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
-import "./empty-title-CcQlXOlP.js";
-import "./hover-card-trigger-CRzFaoL4.js";
-import "./input-otp-slot-B19cyjk_.js";
-import "./kbd-group-PUw0yaIv.js";
-import "./marquee-item-BCswidMf.js";
-import "./menubar-trigger-Gx-lmpr9.js";
-import "./meter-value-FRDEI8VE.js";
-import "./navigation-menu-trigger-ryYftbUl.js";
-import "./number-field-scrub-area-cursor-BIS4ObSL.js";
-import "./pagination-previous-NpFopV3e.js";
-import "./pill-status-BS75xd9Z.js";
-import "./popover-trigger-C8pR26Xp.js";
-import "./progress-value-BGhNh_xb.js";
-import "./radio-group-item-DCXseC2o.js";
-import "./rating-star-CxVJUZmc.js";
-import "./resizable-panel-D4Brid-G.js";
-import "./scroll-bar-L-sXig2v.js";
-import "./select-value-D8pFrPKG.js";
-import "./sheet-trigger-B_N_tXmj.js";
-import "./tooltip-trigger-B43yfWhK.js";
-import "./table-row-BSEIkZEJ.js";
-import "./tabs-trigger-ChutNdGI.js";
-import "./use-timeline-Dcj9DR0I.js";
-import "./toggle-group-item-CrPxpOF5.js";
-import "./toolbar-separator-DbkRIfIA.js";
-import "./typography-ul-Dy8wQB_p.js";
-import "./index.js";
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { i as ButtonGroupSeparatorProps, n as ButtonGroupTextProps, r as ButtonGroupSeparator, t as ButtonGroupText } from "./button-group-text-B2_MmlIc.js";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 import * as react from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/ui/button-group/button-group.d.ts
+type ButtonGroupProps = ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants> & {
+  size?: UISize;
+};
 declare const buttonGroupVariants: tailwind_variants0.TVReturnType<{
   orientation: {
     horizontal: string;
     vertical: string;
   };
-}, undefined, "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
   orientation: {
     horizontal: string;
     vertical: string;
   };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
 }, undefined, tailwind_variants0.TVReturnType<{
   orientation: {
     horizontal: string;
     vertical: string;
   };
-}, undefined, "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
 declare const ButtonGroup: {
   ({
     className,
     orientation,
+    size: providedSize,
     ...props
-  }: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime0.JSX.Element;
+  }: ButtonGroupProps): react_jsx_runtime0.JSX.Element;
   Separator: ({
     className,
     orientation,
+    size,
     ...props
-  }: ComponentProps<({
-    className,
-    orientation,
-    ...props
-  }: SeparatorProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  }: ButtonGroupSeparatorProps) => react_jsx_runtime0.JSX.Element;
   Text: ({
     className,
     render,
+    size,
     ...props
-  }: _base_ui_react0.useRender.ComponentProps<"div">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  }: ButtonGroupTextProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 };
 //#endregion
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+export { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };
 //# sourceMappingURL=button-group.d.ts.map

package/dist/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","names":[],"sources":["../src/ui/button-group/button-group.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAOM,mBAAA,EAaJ,kBAAA,CAbuB,YAAA;;;;;;;;;;cAavB,kBAAA,CAAA,YAAA;;;;;;cAEI,WAAA;EAAA;;;;KAIH,cAAA,UAAwB,YAAA,QAAoB,mBAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"button-group.d.ts","names":[],"sources":["../src/ui/button-group/button-group.tsx"],"mappings":";;;;;;;;;KAUY,gBAAA,GAAmB,cAAA,UAC7B,YAAA,QAAoB,mBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,mBAAA,EAqBJ,kBAAA,CArBuB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cAqBvB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;cAEI,WAAA;EAAA;;;;;KAKH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}