@logicplanes/kaeso-ui 0.4.2 → 0.4.4

package/dist/components/settings.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "../chunks/cn-Dj6sRgkF.js";
-import { r as t } from "../chunks/link-provider-BsUxhZKG.js";
+import { r as t } from "../chunks/link-provider-cvl8lSTT.js";
 import { t as n } from "../chunks/icon-D7ja-_Yk.js";
 import { forwardRef as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ import { ArrowRight01Icon as s } from "@hugeicons/core-free-icons";
 var c = { row: {
 	default: { classes: "min-h-64 py-12" },
 	single: { classes: "min-h-56 py-10" }
-} }, l = { row: "default" }, u = /* @__PURE__ */ r(function({ title: t, description: n, actions: r, children: i, className: s }, c) {
+} }, l = { row: "default" }, u = {}, d = {}, f = /* @__PURE__ */ r(function({ title: t, description: n, actions: r, children: i, className: s }, c) {
 	return /* @__PURE__ */ o("section", {
 		ref: c,
 		className: e("mt-48 first:mt-40", s),
@@ -28,8 +28,8 @@ var c = { row: {
 		}), i]
 	});
 });
-process.env.NODE_ENV !== "production" && (u.displayName = "SettingsSection");
-var d = /* @__PURE__ */ r(function({ children: t, className: n, ...r }, i) {
+process.env.NODE_ENV !== "production" && (f.displayName = "SettingsSection");
+var p = /* @__PURE__ */ r(function({ children: t, className: n, ...r }, i) {
 	return /* @__PURE__ */ a("div", {
 		ref: i,
 		role: "group",
@@ -38,8 +38,8 @@ var d = /* @__PURE__ */ r(function({ children: t, className: n, ...r }, i) {
 		children: t
 	});
 });
-process.env.NODE_ENV !== "production" && (d.displayName = "SettingsGroup");
-var f = /* @__PURE__ */ r(function({ title: r, description: l, icon: u, control: d, value: f, href: p, onClick: m, id: h, danger: g, className: _, "data-force": v }, y) {
+process.env.NODE_ENV !== "production" && (p.displayName = "SettingsGroup");
+var m = /* @__PURE__ */ r(function({ title: r, description: l, icon: u, control: d, value: f, href: p, onClick: m, id: h, danger: g, className: _, "data-force": v }, y) {
 	let b = t(), x = !!(p || m), S = /* @__PURE__ */ o(i, { children: [
 		u && /* @__PURE__ */ a("span", {
 			className: "inline-flex size-20 shrink-0 items-center justify-center text-fg-secondary",
@@ -93,8 +93,8 @@ var f = /* @__PURE__ */ r(function({ title: r, description: l, icon: u, control:
 		children: S
 	});
 });
-process.env.NODE_ENV !== "production" && (f.displayName = "SettingsRow");
+process.env.NODE_ENV !== "production" && (m.displayName = "SettingsRow");
 //#endregion
-export { l as KAESO_SETTINGS_DEFAULT_VARIANTS, c as KAESO_SETTINGS_VARIANTS, d as SettingsGroup, f as SettingsRow, u as SettingsSection };
+export { l as KAESO_SETTINGS_DEFAULT_VARIANTS, d as KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS, u as KAESO_SETTINGS_SECTION_VARIANTS, c as KAESO_SETTINGS_VARIANTS, p as SettingsGroup, m as SettingsRow, f as SettingsSection };
 
 //# sourceMappingURL=settings.js.map

package/dist/components/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","names":["_Fragment","__icon_ArrowRight01Icon","cn","useLinkComponent","Icon","Fragment$1","KAESO_SETTINGS_VARIANTS","KAESO_SETTINGS_DEFAULT_VARIANTS","SettingsSection","className","title","actions","description","children","SettingsGroup","props","SettingsRow","force","LinkComp","navigates","href","onClick","body","icon","id","danger","control","value","ArrowRight01Icon","classes"],"sources":["../../src/components/settings/settings.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLinkComponent } from \"../../utils/link-provider.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_SETTINGS_VARIANTS = {\n  row: {\n    default: { classes: \"min-h-64 py-12\" },\n    single: { classes: \"min-h-56 py-10\" },\n  },\n} as const;\nexport const KAESO_SETTINGS_DEFAULT_VARIANTS = { row: \"default\" } as const;\n\nexport interface SettingsSectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const SettingsSection = /* @__PURE__ */ forwardRef<HTMLElement, SettingsSectionProps>(function SettingsSection(\n  { title, description, actions, children, className },\n  ref,\n) {\n  return (\n    <section ref={ref} className={cn(\"mt-48 first:mt-40\", className)}>\n      {(title || actions) && (\n        <div className=\"mb-12 flex items-end justify-between gap-16\">\n          <div className=\"flex flex-col gap-2\">\n            {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n            {description && <p className=\"text-small text-fg-secondary\">{description}</p>}\n          </div>\n          {actions}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsSection.displayName = \"SettingsSection\";\n\nexport const SettingsGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined; \"aria-label\"?: string | undefined }>(\n  function SettingsGroup({ children, className, ...props }, ref) {\n    return (\n      <div ref={ref} role=\"group\" className={cn(\"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\", className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") SettingsGroup.displayName = \"SettingsGroup\";\n\nexport interface SettingsRowProps {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  control?: ReactNode | undefined;\n  value?: ReactNode | undefined;\n  href?: string | undefined;\n  onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n  id?: string | undefined;\n  danger?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const SettingsRow = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsRowProps>(function SettingsRow(\n  { title, description, icon, control, value, href, onClick, id, danger, className, \"data-force\": force },\n  ref,\n) {\n  const LinkComp = useLinkComponent();\n  const navigates = !!(href || onClick);\n  const body = (\n    <>\n      {icon && (\n        <span className=\"inline-flex size-20 shrink-0 items-center justify-center text-fg-secondary\">\n          <Icon icon={icon} size=\"md\" />\n        </span>\n      )}\n      <span className=\"flex min-w-0 flex-1 basis-140 flex-col gap-2\">\n        <span id={id ? `${id}-title` : undefined} className={cn(\"text-body-lg font-medium\", danger ? \"text-danger-text\" : \"text-fg\")}>\n          {title}\n        </span>\n        {description && <span className=\"text-small text-fg-secondary text-pretty\">{description}</span>}\n      </span>\n      {control && (\n        <span data-row-control=\"\" className={cn(\"flex max-w-full shrink-0 items-center @max-settings-row:basis-full\", icon && \"@max-settings-row:pl-36\")}>\n          {control}\n        </span>\n      )}\n      {(value !== undefined || navigates) && !control && (\n        <span className=\"flex shrink-0 items-center gap-6 text-body text-fg-secondary\">\n          {value}\n          {navigates && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        </span>\n      )}\n    </>\n  );\n  const classes = cn(\n    \"@container relative flex w-full flex-wrap items-center gap-x-16 gap-y-8 px-20 text-left\",\n    description ? KAESO_SETTINGS_VARIANTS.row.default.classes : KAESO_SETTINGS_VARIANTS.row.single.classes,\n    \"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:h-1 not-first:before:bg-line-subtle\",\n    icon ? \"not-first:before:left-56\" : \"not-first:before:left-20\",\n    navigates && \"cursor-pointer transition-control hover:bg-fill-1 active:bg-fill-2 focus-ring-card-row\",\n    className,\n  );\n  if (href) {\n    return (\n      <LinkComp ref={ref as React.Ref<HTMLAnchorElement>} href={href} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </LinkComp>\n    );\n  }\n  if (onClick) {\n    return (\n      <button ref={ref as React.Ref<HTMLButtonElement>} type=\"button\" onClick={onClick} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </button>\n    );\n  }\n  return (\n    <div ref={ref} className={classes} {...(force ? { \"data-force\": force } : {})}>\n      {body}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsRow.displayName = \"SettingsRow\";\n"],"mappings":"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"}
+{"version":3,"file":"settings.js","names":["_Fragment","__icon_ArrowRight01Icon","cn","useLinkComponent","Icon","Fragment$1","KAESO_SETTINGS_VARIANTS","KAESO_SETTINGS_DEFAULT_VARIANTS","KAESO_SETTINGS_SECTION_VARIANTS","KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS","SettingsSection","className","title","actions","description","children","SettingsGroup","props","SettingsRow","force","LinkComp","navigates","href","onClick","body","icon","id","danger","control","value","ArrowRight01Icon","classes"],"sources":["../../src/components/settings/settings.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLinkComponent } from \"../../utils/link-provider.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_SETTINGS_VARIANTS = {\n  row: {\n    default: { classes: \"min-h-64 py-12\" },\n    single: { classes: \"min-h-56 py-10\" },\n  },\n} as const;\nexport const KAESO_SETTINGS_DEFAULT_VARIANTS = { row: \"default\" } as const;\n\nexport interface SettingsSectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const KAESO_SETTINGS_SECTION_VARIANTS = {} as const;\nexport const KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS = {} as const;\n\nexport const SettingsSection = /* @__PURE__ */ forwardRef<HTMLElement, SettingsSectionProps>(function SettingsSection(\n  { title, description, actions, children, className },\n  ref,\n) {\n  return (\n    <section ref={ref} className={cn(\"mt-48 first:mt-40\", className)}>\n      {(title || actions) && (\n        <div className=\"mb-12 flex items-end justify-between gap-16\">\n          <div className=\"flex flex-col gap-2\">\n            {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n            {description && <p className=\"text-small text-fg-secondary\">{description}</p>}\n          </div>\n          {actions}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsSection.displayName = \"SettingsSection\";\n\nexport const SettingsGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined; \"aria-label\"?: string | undefined }>(\n  function SettingsGroup({ children, className, ...props }, ref) {\n    return (\n      <div ref={ref} role=\"group\" className={cn(\"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\", className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") SettingsGroup.displayName = \"SettingsGroup\";\n\nexport interface SettingsRowProps {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  control?: ReactNode | undefined;\n  value?: ReactNode | undefined;\n  href?: string | undefined;\n  onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n  id?: string | undefined;\n  danger?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const SettingsRow = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsRowProps>(function SettingsRow(\n  { title, description, icon, control, value, href, onClick, id, danger, className, \"data-force\": force },\n  ref,\n) {\n  const LinkComp = useLinkComponent();\n  const navigates = !!(href || onClick);\n  const body = (\n    <>\n      {icon && (\n        <span className=\"inline-flex size-20 shrink-0 items-center justify-center text-fg-secondary\">\n          <Icon icon={icon} size=\"md\" />\n        </span>\n      )}\n      <span className=\"flex min-w-0 flex-1 basis-140 flex-col gap-2\">\n        <span id={id ? `${id}-title` : undefined} className={cn(\"text-body-lg font-medium\", danger ? \"text-danger-text\" : \"text-fg\")}>\n          {title}\n        </span>\n        {description && <span className=\"text-small text-fg-secondary text-pretty\">{description}</span>}\n      </span>\n      {control && (\n        <span data-row-control=\"\" className={cn(\"flex max-w-full shrink-0 items-center @max-settings-row:basis-full\", icon && \"@max-settings-row:pl-36\")}>\n          {control}\n        </span>\n      )}\n      {(value !== undefined || navigates) && !control && (\n        <span className=\"flex shrink-0 items-center gap-6 text-body text-fg-secondary\">\n          {value}\n          {navigates && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        </span>\n      )}\n    </>\n  );\n  const classes = cn(\n    \"@container relative flex w-full flex-wrap items-center gap-x-16 gap-y-8 px-20 text-left\",\n    description ? KAESO_SETTINGS_VARIANTS.row.default.classes : KAESO_SETTINGS_VARIANTS.row.single.classes,\n    \"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:h-1 not-first:before:bg-line-subtle\",\n    icon ? \"not-first:before:left-56\" : \"not-first:before:left-20\",\n    navigates && \"cursor-pointer transition-control hover:bg-fill-1 active:bg-fill-2 focus-ring-card-row\",\n    className,\n  );\n  if (href) {\n    return (\n      <LinkComp ref={ref as React.Ref<HTMLAnchorElement>} href={href} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </LinkComp>\n    );\n  }\n  if (onClick) {\n    return (\n      <button ref={ref as React.Ref<HTMLButtonElement>} type=\"button\" onClick={onClick} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </button>\n    );\n  }\n  return (\n    <div ref={ref} className={classes} {...(force ? { \"data-force\": force } : {})}>\n      {body}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsRow.displayName = \"SettingsRow\";\n"],"mappings":"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"}

package/dist/components/sheet.js

@@ -1,9 +1,9 @@
 "use client";
 import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
-import { n, t as r } from "../chunks/inset-BnBj8NJV.js";
+import { n, t as r } from "../chunks/inset-BUzyXLK4.js";
 import { i } from "../chunks/context-BELWW79w.js";
-import { t as a } from "../chunks/icon-button-CPYR21Sz.js";
+import { t as a } from "../chunks/icon-button-CrdF_eMG.js";
 import { a as o, i as s, t as c } from "../chunks/resize-motion-DS3rIIqy.js";
 import { t as l } from "../chunks/over-sheet-B8vzr_zU.js";
 import { forwardRef as u, useCallback as d, useState as f } from "react";

package/dist/components/sidebar.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as BrandWordmark, n as KAESO_SIDEBAR_DEFAULT_VARIANTS, r as KAESO_SIDEBAR_VARIANTS, i as SIDEBAR_MAX, a as SIDEBAR_MIN, o as Sidebar, s as SidebarFloatingContext, c as SidebarSheetContext, l as useSidebar } from "../chunks/sidebar-DtFlejU7.js";
+export { t as BrandWordmark, n as KAESO_SIDEBAR_DEFAULT_VARIANTS, r as KAESO_SIDEBAR_VARIANTS, i as SIDEBAR_MAX, a as SIDEBAR_MIN, o as Sidebar, s as SidebarFloatingContext, c as SidebarSheetContext, l as useSidebar } from "../chunks/sidebar-3r1ZRXlN.js";

package/dist/components/switch.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SWITCH_DEFAULT_VARIANTS, n as KAESO_SWITCH_VARIANTS, r as Switch } from "../chunks/switch-b-VkStWj.js";
+export { t as KAESO_SWITCH_DEFAULT_VARIANTS, n as KAESO_SWITCH_VARIANTS, r as Switch } from "../chunks/switch-BNMq_kGt.js";

package/dist/components/tabs.js

@@ -8,10 +8,10 @@ import { Tabs as c } from "@base-ui/react/tabs";
 var l = { variant: {
 	underline: { classes: "" },
 	pill: { classes: "" }
-} }, u = { variant: "underline" }, d = /* @__PURE__ */ n("underline");
-function f(t, n) {
+} }, u = { variant: "underline" }, d = { variant: l.variant }, f = { variant: "pill" }, p = /* @__PURE__ */ n("underline");
+function m(t, n) {
 	let i = /* @__PURE__ */ r(function({ value: n, defaultValue: r, onValueChange: i, variant: a = t, className: s, children: l }, u) {
-		return /* @__PURE__ */ o(d.Provider, {
+		return /* @__PURE__ */ o(p.Provider, {
 			value: a,
 			children: /* @__PURE__ */ o(c.Root, {
 				ref: u,
@@ -25,8 +25,8 @@ function f(t, n) {
 	});
 	return i.displayName = n, i;
 }
-var p = /* @__PURE__ */ r(function({ className: t, children: n, ...r }, a) {
-	let l = i(d);
+var h = /* @__PURE__ */ r(function({ className: t, children: n, ...r }, a) {
+	let l = i(p);
 	return /* @__PURE__ */ s(c.List, {
 		ref: a,
 		className: e("relative flex min-w-0 items-center overflow-x-auto scrollbar-none", l === "underline" ? "-mx-12 gap-20 px-12 hairline-b-inset-12" : "-m-4 gap-4 p-4", t),
@@ -34,15 +34,15 @@ var p = /* @__PURE__ */ r(function({ className: t, children: n, ...r }, a) {
 		children: [n, l === "underline" && /* @__PURE__ */ o(c.Indicator, { className: "absolute bottom-0 left-0 h-2 w-(--active-tab-width) translate-x-(--active-tab-left) rounded-pill bg-ink indicator-motion" })]
 	});
 });
-process.env.NODE_ENV !== "production" && (p.displayName = "Tabs.List");
-var m = /* @__PURE__ */ r(function({ value: n, children: r, icon: l, count: u, disabled: f, className: p, "data-force": m }, h) {
-	let g = i(d);
+process.env.NODE_ENV !== "production" && (h.displayName = "Tabs.List");
+var g = /* @__PURE__ */ r(function({ value: n, children: r, icon: l, count: u, disabled: d, className: f, "data-force": m }, h) {
+	let g = i(p);
 	return /* @__PURE__ */ o(c.Tab, {
 		ref: h,
 		value: n,
-		...f ? { disabled: !0 } : {},
+		...d ? { disabled: !0 } : {},
 		...m ? { "data-force": m } : {},
-		className: e("relative inline-flex shrink-0 cursor-pointer items-center gap-6 text-body font-medium whitespace-nowrap transition-control tap-target disabled:cursor-not-allowed disabled:text-fg-disabled", g === "underline" ? "group/tab h-40 text-fg-secondary outline-none hover:text-fg selected:text-fg" : "h-32 rounded-pill px-12 text-fg-secondary hover:bg-fill-1 hover:text-fg active:bg-fill-2 selected:bg-fill-2 selected:text-fg focus-ring", p),
+		className: e("relative inline-flex shrink-0 cursor-pointer items-center gap-6 text-body font-medium whitespace-nowrap transition-control tap-target disabled:cursor-not-allowed disabled:text-fg-disabled", g === "underline" ? "group/tab h-40 text-fg-secondary outline-none hover:text-fg selected:text-fg" : "h-32 rounded-pill px-12 text-fg-secondary hover:bg-fill-1 hover:text-fg active:bg-fill-2 selected:bg-fill-2 selected:text-fg focus-ring", f),
 		children: g === "underline" ? /* @__PURE__ */ s("span", {
 			className: "-mx-8 inline-flex h-28 items-center gap-6 rounded-pill px-8 outline-2 outline-transparent group-focus-visible/tab:outline-focus",
 			children: [
@@ -69,8 +69,8 @@ var m = /* @__PURE__ */ r(function({ value: n, children: r, icon: l, count: u, d
 		] })
 	});
 });
-process.env.NODE_ENV !== "production" && (m.displayName = "Tabs.Tab");
-var h = /* @__PURE__ */ r(function({ value: t, className: n, children: r, keepMounted: i }, a) {
+process.env.NODE_ENV !== "production" && (g.displayName = "Tabs.Tab");
+var _ = /* @__PURE__ */ r(function({ value: t, className: n, children: r, keepMounted: i }, a) {
 	return /* @__PURE__ */ o(c.Panel, {
 		ref: a,
 		value: t,
@@ -79,17 +79,17 @@ var h = /* @__PURE__ */ r(function({ value: t, className: n, children: r, keepMo
 		children: r
 	});
 });
-process.env.NODE_ENV !== "production" && (h.displayName = "Tabs.Panel");
-var g = /* @__PURE__ */ Object.assign(/* @__PURE__ */ f("underline", "Tabs"), {
-	List: p,
-	Tab: m,
-	Panel: h
-}), _ = /* @__PURE__ */ Object.assign(/* @__PURE__ */ f("pill", "PillTabs"), {
-	List: p,
-	Tab: m,
-	Panel: h
+process.env.NODE_ENV !== "production" && (_.displayName = "Tabs.Panel");
+var v = /* @__PURE__ */ Object.assign(/* @__PURE__ */ m(u.variant, "Tabs"), {
+	List: h,
+	Tab: g,
+	Panel: _
+}), y = /* @__PURE__ */ Object.assign(/* @__PURE__ */ m(f.variant, "PillTabs"), {
+	List: h,
+	Tab: g,
+	Panel: _
 });
 //#endregion
-export { u as KAESO_TABS_DEFAULT_VARIANTS, l as KAESO_TABS_VARIANTS, _ as PillTabs, g as Tabs };
+export { f as KAESO_PILL_TABS_DEFAULT_VARIANTS, d as KAESO_PILL_TABS_VARIANTS, u as KAESO_TABS_DEFAULT_VARIANTS, l as KAESO_TABS_VARIANTS, y as PillTabs, v as Tabs };
 
 //# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["BaseTabs","_Fragment","cn","Fragment$1","Tabs$1","KAESO_TABS_VARIANTS","KAESO_TABS_DEFAULT_VARIANTS","Ctx","makeRoot","Root","defaultVariant","variant","value","defaultValue","onValueChange","v","className","name","List","props","useContext","children","Tab","force","disabled","icon","Icon","count","Panel","keepMounted","Tabs","PillTabs"],"sources":["../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, type ReactNode } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_TABS_VARIANTS = {\n  variant: {\n    underline: { classes: \"\" },\n    pill: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_TABS_DEFAULT_VARIANTS = { variant: \"underline\" } as const;\ntype Variant = keyof typeof KAESO_TABS_VARIANTS.variant;\n\nconst Ctx = /* @__PURE__ */ createContext<Variant>(\"underline\");\n\nexport interface TabsProps {\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  variant?: Variant | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}\n\nfunction makeRoot(defaultVariant: Variant, name: string) {\n  const Root = /* @__PURE__ */ forwardRef<HTMLDivElement, TabsProps>(function TabsRoot(\n    { value, defaultValue, onValueChange, variant = defaultVariant, className, children },\n    ref,\n  ) {\n    return (\n      <Ctx.Provider value={variant}>\n        <BaseTabs.Root\n          ref={ref}\n          {...(value !== undefined ? { value } : {})}\n          {...(defaultValue !== undefined ? { defaultValue } : {})}\n          {...(onValueChange ? { onValueChange: (v: unknown) => onValueChange(String(v)) } : {})}\n          className={cn(\"flex min-w-0 flex-col\", className)}\n        >\n          {children}\n        </BaseTabs.Root>\n      </Ctx.Provider>\n    );\n  });\n  Root.displayName = name;\n  return Root;\n}\n\nexport interface TabsListProps {\n  className?: string | undefined;\n  children: ReactNode;\n  \"aria-label\"?: string | undefined;\n}\n\nconst List = /* @__PURE__ */ forwardRef<HTMLDivElement, TabsListProps>(function TabsList({ className, children, ...props }, ref) {\n  const variant = useContext(Ctx);\n  return (\n    <BaseTabs.List\n      ref={ref}\n      className={cn(\n        \"relative flex min-w-0 items-center overflow-x-auto scrollbar-none\",\n        variant === \"underline\" ? \"-mx-12 gap-20 px-12 hairline-b-inset-12\" : \"-m-4 gap-4 p-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {variant === \"underline\" && (\n        <BaseTabs.Indicator className=\"absolute bottom-0 left-0 h-2 w-(--active-tab-width) translate-x-(--active-tab-left) rounded-pill bg-ink indicator-motion\" />\n      )}\n    </BaseTabs.List>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") List.displayName = \"Tabs.List\";\n\nexport interface TabProps {\n  value: string;\n  children: ReactNode;\n  icon?: IconData | undefined;\n  count?: number | undefined;\n  disabled?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst Tab = /* @__PURE__ */ forwardRef<HTMLButtonElement, TabProps>(function TabsTab({ value, children, icon, count, disabled, className, \"data-force\": force }, ref) {\n  const variant = useContext(Ctx);\n  return (\n    <BaseTabs.Tab\n      ref={ref}\n      value={value}\n      {...(disabled ? { disabled: true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"relative inline-flex shrink-0 cursor-pointer items-center gap-6 text-body font-medium whitespace-nowrap transition-control tap-target disabled:cursor-not-allowed disabled:text-fg-disabled\",\n        variant === \"underline\"\n          ? \"group/tab h-40 text-fg-secondary outline-none hover:text-fg selected:text-fg\"\n          : \"h-32 rounded-pill px-12 text-fg-secondary hover:bg-fill-1 hover:text-fg active:bg-fill-2 selected:bg-fill-2 selected:text-fg focus-ring\",\n        className,\n      )}\n    >\n      {variant === \"underline\" ? (\n        <span className=\"-mx-8 inline-flex h-28 items-center gap-6 rounded-pill px-8 outline-2 outline-transparent group-focus-visible/tab:outline-focus\">\n          {icon && <Icon icon={icon} size=\"sm\" />}\n          {children}\n          {count !== undefined && <span className=\"text-body font-regular text-fg-secondary tabular\">{count}</span>}\n        </span>\n      ) : (\n        <>\n          {icon && <Icon icon={icon} size=\"sm\" />}\n          {children}\n          {count !== undefined && <span className=\"text-body font-regular text-fg-secondary tabular\">{count}</span>}\n        </>\n      )}\n    </BaseTabs.Tab>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Tab.displayName = \"Tabs.Tab\";\n\nconst Panel = /* @__PURE__ */ forwardRef<HTMLDivElement, { value: string; className?: string | undefined; children: ReactNode; keepMounted?: boolean | undefined }>(\n  function TabsPanel({ value, className, children, keepMounted }, ref) {\n    return (\n      <BaseTabs.Panel ref={ref} value={value} {...(keepMounted ? { keepMounted } : {})} className={cn(\"outline-none focus-ring-inset\", className)}>\n        {children}\n      </BaseTabs.Panel>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") Panel.displayName = \"Tabs.Panel\";\n\nexport const Tabs = /* @__PURE__ */ Object.assign(/* @__PURE__ */ makeRoot(\"underline\", \"Tabs\"), { List, Tab, Panel });\nexport const PillTabs = /* @__PURE__ */ Object.assign(/* @__PURE__ */ makeRoot(\"pill\", \"PillTabs\"), { List, Tab, Panel });\n"],"mappings":";;;;;;;AAKA,IAAaK,IAAsB,EACjC,SAAS;CACP,WAAW,EAAE,SAAS,GAAG;CACzB,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAA8B,EAAE,SAAS,YAAY,GAG5DC,IAAsB,kBAAuB,WAAW;AAW9D,SAASC,EAAS,GAAyB,GAAc;CACvD,IAAMC,IAAuB,kBAAsC,SACjE,EAAE,UAAO,iBAAc,kBAAe,aAAUC,GAAgB,cAAW,eAC3E,GACA;EACA,OACE,kBAACH,EAAI,UAAL;GAAc,OAAOI;GACnB,UAAA,kBAACX,EAAS,MAAV;IACO;IACL,GAAKY,MAAU,KAAA,IAAwB,CAAC,IAAb,EAAE,SAAM;IACnC,GAAKC,MAAiB,KAAA,IAA+B,CAAC,IAApB,EAAE,gBAAa;IACjD,GAAKC,IAAgB,EAAE,gBAAgB,MAAeA,EAAc,OAAOC,CAAC,CAAC,EAAE,IAAI,CAAC;IACpF,WAAWb,EAAG,yBAAyBc,CAAS;IAE/C;GACY,CAAA;EACH,CAAA;CAElB,CAAC;CAED,OADA,EAAK,cAAcC,GACZR;AACT;AAQA,IAAMS,IAAuB,kBAA0C,SAAkB,EAAE,cAAW,aAAU,GAAGC,KAAS,GAAK;CAC/H,IAAMR,IAAUS,EAAWb,CAAG;CAC9B,OACE,kBAACP,EAAS,MAAV;EACO;EACL,WAAWE,EACT,qEACAS,MAAY,cAAc,4CAA4C,kBACtEK,CACF;EACA,GAAIG;EAPN,UAAA,CASGE,GACAV,MAAY,eACX,kBAACX,EAAS,WAAV,EAAoB,WAAU,2HAA4H,CAAA,CAE/I;;AAEnB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAY9D,IAAMsB,IAAsB,kBAAwC,SAAiB,EAAE,UAAO,aAAU,SAAM,UAAO,aAAU,cAAW,cAAcC,KAAS,GAAK;CACpK,IAAMZ,IAAUS,EAAWb,CAAG;CAC9B,OACE,kBAACP,EAAS,KAAV;EACO;EACE;EACP,GAAKwB,IAAW,EAAE,UAAU,GAAK,IAAI,CAAC;EACtC,GAAKD,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,WAAWrB,EACT,+LACAS,MAAY,cACR,iFACA,2IACJK,CACF;EAEC,UAAAL,MAAY,cACX,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IACGc,KAAQ,kBAACC,GAAD;KAAY;KAAM,MAAK;IAAM,CAAA;IACrCL;IACAM,MAAU,KAAA,KAAa,kBAAC,QAAD;KAAM,WAAU;KAAoD,UAAAA;IAAY,CAAA;GACpG;EAEN,CAAA,IAAA,kBAAA1B,GAAA,EAAA,UAAA;GACGwB,KAAQ,kBAACC,GAAD;IAAY;IAAM,MAAK;GAAM,CAAA;GACrCL;GACAM,MAAU,KAAA,KAAa,kBAAC,QAAD;IAAM,WAAU;IAAoD,UAAAA;GAAY,CAAA;EACxG,EAAA,CAAA;CAEQ,CAAA;AAElB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAE7D,IAAMC,IAAwB,kBAC5B,SAAmB,EAAE,UAAO,cAAW,aAAU,kBAAe,GAAK;CACnE,OACE,kBAAC5B,EAAS,OAAV;EAAqB;EAAY;EAAO,GAAK6B,IAAc,EAAE,eAAY,IAAI,CAAC;EAAI,WAAW3B,EAAG,iCAAiCc,CAAS;EACvI;CACa,CAAA;AAEpB,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,IAAac,IAAuB,uBAAO,OAAuB,kBAAS,aAAa,MAAM,GAAG;CAAE;CAAM;CAAK;AAAM,CAAC,GACxGC,IAA2B,uBAAO,OAAuB,kBAAS,QAAQ,UAAU,GAAG;CAAE;CAAM;CAAK;AAAM,CAAC"}
+{"version":3,"file":"tabs.js","names":["BaseTabs","_Fragment","cn","Fragment$1","Tabs$1","KAESO_TABS_VARIANTS","KAESO_TABS_DEFAULT_VARIANTS","KAESO_PILL_TABS_VARIANTS","KAESO_PILL_TABS_DEFAULT_VARIANTS","Ctx","makeRoot","Root","defaultVariant","variant","value","defaultValue","onValueChange","v","className","name","List","props","useContext","children","Tab","force","disabled","icon","Icon","count","Panel","keepMounted","Tabs","PillTabs"],"sources":["../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, type ReactNode } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_TABS_VARIANTS = {\n  variant: {\n    underline: { classes: \"\" },\n    pill: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_TABS_DEFAULT_VARIANTS = { variant: \"underline\" } as const;\nexport const KAESO_PILL_TABS_VARIANTS = { variant: KAESO_TABS_VARIANTS.variant } as const;\nexport const KAESO_PILL_TABS_DEFAULT_VARIANTS = { variant: \"pill\" } as const;\ntype Variant = keyof typeof KAESO_TABS_VARIANTS.variant;\n\nconst Ctx = /* @__PURE__ */ createContext<Variant>(\"underline\");\n\nexport interface TabsProps {\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  variant?: Variant | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}\n\nfunction makeRoot(defaultVariant: Variant, name: string) {\n  const Root = /* @__PURE__ */ forwardRef<HTMLDivElement, TabsProps>(function TabsRoot(\n    { value, defaultValue, onValueChange, variant = defaultVariant, className, children },\n    ref,\n  ) {\n    return (\n      <Ctx.Provider value={variant}>\n        <BaseTabs.Root\n          ref={ref}\n          {...(value !== undefined ? { value } : {})}\n          {...(defaultValue !== undefined ? { defaultValue } : {})}\n          {...(onValueChange ? { onValueChange: (v: unknown) => onValueChange(String(v)) } : {})}\n          className={cn(\"flex min-w-0 flex-col\", className)}\n        >\n          {children}\n        </BaseTabs.Root>\n      </Ctx.Provider>\n    );\n  });\n  Root.displayName = name;\n  return Root;\n}\n\nexport interface TabsListProps {\n  className?: string | undefined;\n  children: ReactNode;\n  \"aria-label\"?: string | undefined;\n}\n\nconst List = /* @__PURE__ */ forwardRef<HTMLDivElement, TabsListProps>(function TabsList({ className, children, ...props }, ref) {\n  const variant = useContext(Ctx);\n  return (\n    <BaseTabs.List\n      ref={ref}\n      className={cn(\n        \"relative flex min-w-0 items-center overflow-x-auto scrollbar-none\",\n        variant === \"underline\" ? \"-mx-12 gap-20 px-12 hairline-b-inset-12\" : \"-m-4 gap-4 p-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {variant === \"underline\" && (\n        <BaseTabs.Indicator className=\"absolute bottom-0 left-0 h-2 w-(--active-tab-width) translate-x-(--active-tab-left) rounded-pill bg-ink indicator-motion\" />\n      )}\n    </BaseTabs.List>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") List.displayName = \"Tabs.List\";\n\nexport interface TabProps {\n  value: string;\n  children: ReactNode;\n  icon?: IconData | undefined;\n  count?: number | undefined;\n  disabled?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst Tab = /* @__PURE__ */ forwardRef<HTMLButtonElement, TabProps>(function TabsTab({ value, children, icon, count, disabled, className, \"data-force\": force }, ref) {\n  const variant = useContext(Ctx);\n  return (\n    <BaseTabs.Tab\n      ref={ref}\n      value={value}\n      {...(disabled ? { disabled: true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"relative inline-flex shrink-0 cursor-pointer items-center gap-6 text-body font-medium whitespace-nowrap transition-control tap-target disabled:cursor-not-allowed disabled:text-fg-disabled\",\n        variant === \"underline\"\n          ? \"group/tab h-40 text-fg-secondary outline-none hover:text-fg selected:text-fg\"\n          : \"h-32 rounded-pill px-12 text-fg-secondary hover:bg-fill-1 hover:text-fg active:bg-fill-2 selected:bg-fill-2 selected:text-fg focus-ring\",\n        className,\n      )}\n    >\n      {variant === \"underline\" ? (\n        <span className=\"-mx-8 inline-flex h-28 items-center gap-6 rounded-pill px-8 outline-2 outline-transparent group-focus-visible/tab:outline-focus\">\n          {icon && <Icon icon={icon} size=\"sm\" />}\n          {children}\n          {count !== undefined && <span className=\"text-body font-regular text-fg-secondary tabular\">{count}</span>}\n        </span>\n      ) : (\n        <>\n          {icon && <Icon icon={icon} size=\"sm\" />}\n          {children}\n          {count !== undefined && <span className=\"text-body font-regular text-fg-secondary tabular\">{count}</span>}\n        </>\n      )}\n    </BaseTabs.Tab>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Tab.displayName = \"Tabs.Tab\";\n\nconst Panel = /* @__PURE__ */ forwardRef<HTMLDivElement, { value: string; className?: string | undefined; children: ReactNode; keepMounted?: boolean | undefined }>(\n  function TabsPanel({ value, className, children, keepMounted }, ref) {\n    return (\n      <BaseTabs.Panel ref={ref} value={value} {...(keepMounted ? { keepMounted } : {})} className={cn(\"outline-none focus-ring-inset\", className)}>\n        {children}\n      </BaseTabs.Panel>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") Panel.displayName = \"Tabs.Panel\";\n\nexport const Tabs = /* @__PURE__ */ Object.assign(/* @__PURE__ */ makeRoot(KAESO_TABS_DEFAULT_VARIANTS.variant, \"Tabs\"), { List, Tab, Panel });\nexport const PillTabs = /* @__PURE__ */ Object.assign(/* @__PURE__ */ makeRoot(KAESO_PILL_TABS_DEFAULT_VARIANTS.variant, \"PillTabs\"), { List, Tab, Panel });\n"],"mappings":";;;;;;;AAKA,IAAaK,IAAsB,EACjC,SAAS;CACP,WAAW,EAAE,SAAS,GAAG;CACzB,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAA8B,EAAE,SAAS,YAAY,GACrDC,IAA2B,EAAE,SAASF,EAAoB,QAAQ,GAClEG,IAAmC,EAAE,SAAS,OAAO,GAG5DC,IAAsB,kBAAuB,WAAW;AAW9D,SAASC,EAAS,GAAyB,GAAc;CACvD,IAAMC,IAAuB,kBAAsC,SACjE,EAAE,UAAO,iBAAc,kBAAe,aAAUC,GAAgB,cAAW,eAC3E,GACA;EACA,OACE,kBAACH,EAAI,UAAL;GAAc,OAAOI;GACnB,UAAA,kBAACb,EAAS,MAAV;IACO;IACL,GAAKc,MAAU,KAAA,IAAwB,CAAC,IAAb,EAAE,SAAM;IACnC,GAAKC,MAAiB,KAAA,IAA+B,CAAC,IAApB,EAAE,gBAAa;IACjD,GAAKC,IAAgB,EAAE,gBAAgB,MAAeA,EAAc,OAAOC,CAAC,CAAC,EAAE,IAAI,CAAC;IACpF,WAAWf,EAAG,yBAAyBgB,CAAS;IAE/C;GACY,CAAA;EACH,CAAA;CAElB,CAAC;CAED,OADA,EAAK,cAAcC,GACZR;AACT;AAQA,IAAMS,IAAuB,kBAA0C,SAAkB,EAAE,cAAW,aAAU,GAAGC,KAAS,GAAK;CAC/H,IAAMR,IAAUS,EAAWb,CAAG;CAC9B,OACE,kBAACT,EAAS,MAAV;EACO;EACL,WAAWE,EACT,qEACAW,MAAY,cAAc,4CAA4C,kBACtEK,CACF;EACA,GAAIG;EAPN,UAAA,CASGE,GACAV,MAAY,eACX,kBAACb,EAAS,WAAV,EAAoB,WAAU,2HAA4H,CAAA,CAE/I;;AAEnB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAY9D,IAAMwB,IAAsB,kBAAwC,SAAiB,EAAE,UAAO,aAAU,SAAM,UAAO,aAAU,cAAW,cAAcC,KAAS,GAAK;CACpK,IAAMZ,IAAUS,EAAWb,CAAG;CAC9B,OACE,kBAACT,EAAS,KAAV;EACO;EACE;EACP,GAAK0B,IAAW,EAAE,UAAU,GAAK,IAAI,CAAC;EACtC,GAAKD,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,WAAWvB,EACT,+LACAW,MAAY,cACR,iFACA,2IACJK,CACF;EAEC,UAAAL,MAAY,cACX,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IACGc,KAAQ,kBAACC,GAAD;KAAY;KAAM,MAAK;IAAM,CAAA;IACrCL;IACAM,MAAU,KAAA,KAAa,kBAAC,QAAD;KAAM,WAAU;KAAoD,UAAAA;IAAY,CAAA;GACpG;EAEN,CAAA,IAAA,kBAAA5B,GAAA,EAAA,UAAA;GACG0B,KAAQ,kBAACC,GAAD;IAAY;IAAM,MAAK;GAAM,CAAA;GACrCL;GACAM,MAAU,KAAA,KAAa,kBAAC,QAAD;IAAM,WAAU;IAAoD,UAAAA;GAAY,CAAA;EACxG,EAAA,CAAA;CAEQ,CAAA;AAElB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAE7D,IAAMC,IAAwB,kBAC5B,SAAmB,EAAE,UAAO,cAAW,aAAU,kBAAe,GAAK;CACnE,OACE,kBAAC9B,EAAS,OAAV;EAAqB;EAAY;EAAO,GAAK+B,IAAc,EAAE,eAAY,IAAI,CAAC;EAAI,WAAW7B,EAAG,iCAAiCgB,CAAS;EACvI;CACa,CAAA;AAEpB,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,IAAac,IAAuB,uBAAO,OAAuB,kBAAS1B,EAA4B,SAAS,MAAM,GAAG;CAAE;CAAM;CAAK;AAAM,CAAC,GAChI2B,IAA2B,uBAAO,OAAuB,kBAASzB,EAAiC,SAAS,UAAU,GAAG;CAAE;CAAM;CAAK;AAAM,CAAC"}

package/dist/components/tag.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TAG_DEFAULT_VARIANTS, n as KAESO_TAG_VARIANTS, r as Pill, i as TAG_DOT, a as Tag } from "../chunks/tag-DNdX1XRR.js";
+export { t as KAESO_TAG_DEFAULT_VARIANTS, n as KAESO_TAG_VARIANTS, r as Pill, i as TAG_DOT, a as Tag } from "../chunks/tag-D_M1s2qS.js";

package/dist/components/text.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TEXT_DEFAULT_VARIANTS, n as KAESO_TEXT_VARIANTS, r as Text } from "../chunks/text-DCGGNqTM.js";
+export { t as KAESO_TEXT_DEFAULT_VARIANTS, n as KAESO_TEXT_VARIANTS, r as Text } from "../chunks/text-CIXH8rmT.js";

package/dist/components/theme-menu.js

@@ -1,50 +1,53 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
 import { a as t } from "../chunks/theme-provider-DJhORMlc.js";
-import { t as n } from "../chunks/icon-button-CPYR21Sz.js";
-import { i as r } from "../chunks/menu-fl_QQb38.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { ComputerIcon as o, Moon02Icon as s, Sun03Icon as c } from "@hugeicons/core-free-icons";
+import { t as n } from "../chunks/icon-button-CrdF_eMG.js";
+import { c as r } from "../chunks/menu-DEmBfdPm.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ComputerIcon as s, Moon02Icon as c, Sun03Icon as l } from "@hugeicons/core-free-icons";
 //#region src/components/theme-menu/theme-menu.tsx
-var l = { variant: {
+var u = { variant: {
 	ghost: { classes: "" },
 	secondary: { classes: "" }
-} }, u = { variant: "ghost" };
-function d({ variant: l = "ghost", size: u = "sm" }) {
-	let { theme: d, resolvedTheme: f, setTheme: p } = t(), m = e();
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(r.Trigger, { children: /* @__PURE__ */ i(n, {
-		icon: f === "dark" ? s : c,
-		"aria-label": m("themeMenu.theme", "Theme"),
-		variant: l,
-		size: u
-	}) }), /* @__PURE__ */ i(r.Content, {
-		align: "end",
+} }, d = { variant: "ghost" }, f = /* @__PURE__ */ i(function({ variant: i = "ghost", size: u = "sm", side: d = "bottom", align: f = "end", "data-force": p }, m) {
+	let { theme: h, resolvedTheme: g, setTheme: _ } = t(), v = e();
+	return /* @__PURE__ */ o(r, { children: [/* @__PURE__ */ a(r.Trigger, { children: /* @__PURE__ */ a(n, {
+		ref: m,
+		icon: g === "dark" ? c : l,
+		"aria-label": v("themeMenu.theme", "Theme"),
+		variant: i,
+		size: u,
+		"data-force": p
+	}) }), /* @__PURE__ */ a(r.Content, {
+		side: d,
+		align: f,
 		className: "min-w-180",
-		children: /* @__PURE__ */ a(r.RadioGroup, {
-			value: d,
-			onValueChange: (e) => p(e),
+		children: /* @__PURE__ */ o(r.RadioGroup, {
+			value: h,
+			onValueChange: (e) => _(e),
 			children: [
-				/* @__PURE__ */ i(r.RadioItem, {
+				/* @__PURE__ */ a(r.RadioItem, {
 					value: "system",
-					icon: o,
-					children: m("themeMenu.system", "System")
+					icon: s,
+					children: v("themeMenu.system", "System")
 				}),
-				/* @__PURE__ */ i(r.RadioItem, {
+				/* @__PURE__ */ a(r.RadioItem, {
 					value: "light",
-					icon: c,
-					children: m("themeMenu.light", "Light")
+					icon: l,
+					children: v("themeMenu.light", "Light")
 				}),
-				/* @__PURE__ */ i(r.RadioItem, {
+				/* @__PURE__ */ a(r.RadioItem, {
 					value: "dark",
-					icon: s,
-					children: m("themeMenu.dark", "Dark")
+					icon: c,
+					children: v("themeMenu.dark", "Dark")
 				})
 			]
 		})
 	})] });
-}
-process.env.NODE_ENV !== "production" && (d.displayName = "ThemeMenu");
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "ThemeMenu");
 //#endregion
-export { u as KAESO_THEME_MENU_DEFAULT_VARIANTS, l as KAESO_THEME_MENU_VARIANTS, d as ThemeMenu };
+export { d as KAESO_THEME_MENU_DEFAULT_VARIANTS, u as KAESO_THEME_MENU_VARIANTS, f as ThemeMenu };
 
 //# sourceMappingURL=theme-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme-menu.js","names":["__icon_Moon02Icon","__icon_Sun03Icon","__icon_ComputerIcon","useUiText","useTheme","IconButton","Menu","KAESO_THEME_MENU_VARIANTS","KAESO_THEME_MENU_DEFAULT_VARIANTS","ThemeMenu","t","resolvedTheme","Moon02Icon","Sun03Icon","theme","setTheme","v","ComputerIcon"],"sources":["../../src/components/theme-menu/theme-menu.tsx"],"sourcesContent":["import { Moon02Icon as __icon_Moon02Icon, Sun03Icon as __icon_Sun03Icon, ComputerIcon as __icon_ComputerIcon } from \"@hugeicons/core-free-icons\";\nimport { useTheme, type ThemePreference } from \"../../theme/theme-provider.js\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { Menu } from \"../menu/menu.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_THEME_MENU_VARIANTS = {\n  variant: {\n    ghost: { classes: \"\" },\n    secondary: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_THEME_MENU_DEFAULT_VARIANTS = { variant: \"ghost\" } as const;\n\nexport function ThemeMenu({ variant = \"ghost\", size = \"sm\" }: { variant?: \"ghost\" | \"secondary\" | undefined; size?: \"sm\" | \"md\" | undefined }) {\n  const { theme, resolvedTheme, setTheme } = useTheme();\n  const t = useUiText();\n  return (\n    <Menu>\n      <Menu.Trigger>\n        <IconButton\n          icon={resolvedTheme === \"dark\" ? __icon_Moon02Icon : __icon_Sun03Icon}\n          aria-label={t(\"themeMenu.theme\", \"Theme\")}\n          variant={variant}\n          size={size}\n        />\n      </Menu.Trigger>\n      <Menu.Content align=\"end\" className=\"min-w-180\">\n        <Menu.RadioGroup value={theme} onValueChange={(v) => setTheme(v as ThemePreference)}>\n          <Menu.RadioItem value=\"system\" icon={__icon_ComputerIcon}>\n            {t(\"themeMenu.system\", \"System\")}\n          </Menu.RadioItem>\n          <Menu.RadioItem value=\"light\" icon={__icon_Sun03Icon}>\n            {t(\"themeMenu.light\", \"Light\")}\n          </Menu.RadioItem>\n          <Menu.RadioItem value=\"dark\" icon={__icon_Moon02Icon}>\n            {t(\"themeMenu.dark\", \"Dark\")}\n          </Menu.RadioItem>\n        </Menu.RadioGroup>\n      </Menu.Content>\n    </Menu>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") ThemeMenu.displayName = \"ThemeMenu\";\n"],"mappings":";;;;;;;;AAMA,IAAaO,IAA4B,EACvC,SAAS;CACP,OAAO,EAAE,SAAS,GAAG;CACrB,WAAW,EAAE,SAAS,GAAG;AAC3B,EACF,GACaC,IAAoC,EAAE,SAAS,QAAQ;AAEpE,SAAgBC,EAAU,EAAE,aAAU,SAAS,UAAO,QAAyF;CAC7I,IAAM,EAAE,UAAO,kBAAe,gBAAaL,EAAS,GAC9CM,IAAIP,EAAU;CACpB,OACE,kBAACG,GAAD,EAAA,UAAA,CACE,kBAACA,EAAK,SAAN,EAAA,UACE,kBAACD,GAAD;EACE,MAAMM,MAAkB,SAASX,IAAoBC;EACrD,cAAYS,EAAE,mBAAmB,OAAO;EAC/B;EACH;CACP,CAAA,EACW,CAAA,GACd,kBAACJ,EAAK,SAAN;EAAc,OAAM;EAAM,WAAU;EAClC,UAAA,kBAACA,EAAK,YAAN;GAAiB,OAAOQ;GAAO,gBAAgB,MAAMC,EAASC,CAAoB;GAAlF,UAAA;IACE,kBAACV,EAAK,WAAN;KAAgB,OAAM;KAAS,MAAMJ;KAClC,UAAAQ,EAAE,oBAAoB,QAAQ;IACjB,CAAA;IAChB,kBAACJ,EAAK,WAAN;KAAgB,OAAM;KAAQ,MAAML;KACjC,UAAAS,EAAE,mBAAmB,OAAO;IACf,CAAA;IAChB,kBAACJ,EAAK,WAAN;KAAgB,OAAM;KAAO,MAAMN;KAChC,UAAAU,EAAE,kBAAkB,MAAM;IACb,CAAA;GACD;;CACL,CAAA,CACV,EAAA,CAAA;AAEV;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}
+{"version":3,"file":"theme-menu.js","names":["__icon_Moon02Icon","__icon_Sun03Icon","__icon_ComputerIcon","useUiText","useTheme","IconButton","Menu","KAESO_THEME_MENU_VARIANTS","KAESO_THEME_MENU_DEFAULT_VARIANTS","ThemeMenu","force","t","resolvedTheme","Moon02Icon","Sun03Icon","theme","setTheme","v","ComputerIcon"],"sources":["../../src/components/theme-menu/theme-menu.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Moon02Icon as __icon_Moon02Icon, Sun03Icon as __icon_Sun03Icon, ComputerIcon as __icon_ComputerIcon } from \"@hugeicons/core-free-icons\";\nimport { useTheme, type ThemePreference } from \"../../theme/theme-provider.js\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { Menu } from \"../menu/menu.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_THEME_MENU_VARIANTS = {\n  variant: {\n    ghost: { classes: \"\" },\n    secondary: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_THEME_MENU_DEFAULT_VARIANTS = { variant: \"ghost\" } as const;\n\nexport interface ThemeMenuProps {\n  variant?: keyof typeof KAESO_THEME_MENU_VARIANTS.variant | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  side?: \"top\" | \"bottom\" | undefined;\n  align?: \"start\" | \"end\" | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const ThemeMenu = /* @__PURE__ */ forwardRef<HTMLButtonElement, ThemeMenuProps>(function ThemeMenu(\n  { variant = \"ghost\", size = \"sm\", side = \"bottom\", align = \"end\", \"data-force\": force },\n  ref,\n) {\n  const { theme, resolvedTheme, setTheme } = useTheme();\n  const t = useUiText();\n  return (\n    <Menu>\n      <Menu.Trigger>\n        <IconButton\n          ref={ref}\n          icon={resolvedTheme === \"dark\" ? __icon_Moon02Icon : __icon_Sun03Icon}\n          aria-label={t(\"themeMenu.theme\", \"Theme\")}\n          variant={variant}\n          size={size}\n          data-force={force}\n        />\n      </Menu.Trigger>\n      <Menu.Content side={side} align={align} className=\"min-w-180\">\n        <Menu.RadioGroup value={theme} onValueChange={(v) => setTheme(v as ThemePreference)}>\n          <Menu.RadioItem value=\"system\" icon={__icon_ComputerIcon}>\n            {t(\"themeMenu.system\", \"System\")}\n          </Menu.RadioItem>\n          <Menu.RadioItem value=\"light\" icon={__icon_Sun03Icon}>\n            {t(\"themeMenu.light\", \"Light\")}\n          </Menu.RadioItem>\n          <Menu.RadioItem value=\"dark\" icon={__icon_Moon02Icon}>\n            {t(\"themeMenu.dark\", \"Dark\")}\n          </Menu.RadioItem>\n        </Menu.RadioGroup>\n      </Menu.Content>\n    </Menu>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ThemeMenu.displayName = \"ThemeMenu\";\n"],"mappings":";;;;;;;;;AAOA,IAAaO,IAA4B,EACvC,SAAS;CACP,OAAO,EAAE,SAAS,GAAG;CACrB,WAAW,EAAE,SAAS,GAAG;AAC3B,EACF,GACaC,IAAoC,EAAE,SAAS,QAAQ,GAUvDC,IAA4B,kBAA8C,SACrF,EAAE,aAAU,SAAS,UAAO,MAAM,UAAO,UAAU,WAAQ,OAAO,cAAcC,KAChF,GACA;CACA,IAAM,EAAE,UAAO,kBAAe,gBAAaN,EAAS,GAC9CO,IAAIR,EAAU;CACpB,OACE,kBAACG,GAAD,EAAA,UAAA,CACE,kBAACA,EAAK,SAAN,EAAA,UACE,kBAACD,GAAD;EACO;EACL,MAAMO,MAAkB,SAASZ,IAAoBC;EACrD,cAAYU,EAAE,mBAAmB,OAAO;EAC/B;EACH;EACN,cAAYD;CACb,CAAA,EACW,CAAA,GACd,kBAACJ,EAAK,SAAN;EAAoB;EAAa;EAAO,WAAU;EAChD,UAAA,kBAACA,EAAK,YAAN;GAAiB,OAAOS;GAAO,gBAAgB,MAAMC,EAASC,CAAoB;GAAlF,UAAA;IACE,kBAACX,EAAK,WAAN;KAAgB,OAAM;KAAS,MAAMJ;KAClC,UAAAS,EAAE,oBAAoB,QAAQ;IACjB,CAAA;IAChB,kBAACL,EAAK,WAAN;KAAgB,OAAM;KAAQ,MAAML;KACjC,UAAAU,EAAE,mBAAmB,OAAO;IACf,CAAA;IAChB,kBAACL,EAAK,WAAN;KAAgB,OAAM;KAAO,MAAMN;KAChC,UAAAW,EAAE,kBAAkB,MAAM;IACb,CAAA;GACD;;CACL,CAAA,CACV,EAAA,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}

package/dist/components/thumbnail.js

@@ -0,0 +1,41 @@
+"use client";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { forwardRef as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/thumbnail/thumbnail.tsx
+var i = { size: {
+	sm: { classes: "size-64" },
+	md: { classes: "size-120" },
+	lg: { classes: "size-160" }
+} }, a = { size: "md" }, o = {
+	sm: "p-4 text-micro",
+	md: "p-8 text-caption",
+	lg: "p-12 text-caption"
+}, s = /* @__PURE__ */ t(function({ src: t, alt: a, size: s = "md", className: c }, l) {
+	let [u, d] = n(void 0);
+	return /* @__PURE__ */ r("span", {
+		ref: l,
+		className: e("relative inline-flex shrink-0 overflow-hidden rounded-well bg-fill-1", i.size[s].classes, c),
+		children: t === u ? /* @__PURE__ */ r("span", {
+			role: "img",
+			"aria-label": a,
+			className: e("flex size-full items-center justify-center overflow-hidden text-center text-fg-tertiary wrap-anywhere", o[s]),
+			children: /* @__PURE__ */ r("span", {
+				className: "line-clamp-3",
+				children: a
+			})
+		}) : /* @__PURE__ */ r("img", {
+			src: t,
+			alt: a,
+			loading: "lazy",
+			decoding: "async",
+			className: "size-full object-cover",
+			onError: () => d(t)
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "Thumbnail");
+//#endregion
+export { a as KAESO_THUMBNAIL_DEFAULT_VARIANTS, i as KAESO_THUMBNAIL_VARIANTS, s as Thumbnail };
+
+//# sourceMappingURL=thumbnail.js.map

package/dist/components/thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.js","names":["cn","KAESO_THUMBNAIL_VARIANTS","KAESO_THUMBNAIL_DEFAULT_VARIANTS","FALLBACK","Thumbnail","failedSrc","setFailedSrc","useState","size","className","src","alt"],"sources":["../../src/components/thumbnail/thumbnail.tsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_THUMBNAIL_VARIANTS = {\n  size: {\n    sm: { classes: \"size-64\" },\n    md: { classes: \"size-120\" },\n    lg: { classes: \"size-160\" },\n  },\n} as const;\nexport const KAESO_THUMBNAIL_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst FALLBACK = { sm: \"p-4 text-micro\", md: \"p-8 text-caption\", lg: \"p-12 text-caption\" } as const;\n\nexport interface ThumbnailProps {\n  src: string;\n  alt: string;\n  size?: keyof typeof KAESO_THUMBNAIL_VARIANTS.size | undefined;\n  className?: string | undefined;\n}\n\nexport const Thumbnail = /* @__PURE__ */ forwardRef<HTMLSpanElement, ThumbnailProps>(function Thumbnail({ src, alt, size = \"md\", className }, ref) {\n  const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n  return (\n    <span\n      ref={ref}\n      className={cn(\"relative inline-flex shrink-0 overflow-hidden rounded-well bg-fill-1\", KAESO_THUMBNAIL_VARIANTS.size[size].classes, className)}\n    >\n      {src !== failedSrc ? (\n        <img src={src} alt={alt} loading=\"lazy\" decoding=\"async\" className=\"size-full object-cover\" onError={() => setFailedSrc(src)} />\n      ) : (\n        <span\n          role=\"img\"\n          aria-label={alt}\n          className={cn(\"flex size-full items-center justify-center overflow-hidden text-center text-fg-tertiary wrap-anywhere\", FALLBACK[size])}\n        >\n          <span className=\"line-clamp-3\">{alt}</span>\n        </span>\n      )}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Thumbnail.displayName = \"Thumbnail\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B,EACtC,MAAM;CACJ,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,WAAW;CAC1B,IAAI,EAAE,SAAS,WAAW;AAC5B,EACF,GACaC,IAAmC,EAAE,MAAM,KAAK,GAEvDC,IAAW;CAAE,IAAI;CAAkB,IAAI;CAAoB,IAAI;AAAoB,GAS5EC,IAA4B,kBAA4C,SAAmB,EAAE,QAAK,QAAK,UAAO,MAAM,gBAAa,GAAK;CACjJ,IAAM,CAACC,GAAWC,KAAgBC,EAA6B,KAAA,CAAS;CACxE,OACE,kBAAC,QAAD;EACO;EACL,WAAWP,EAAG,wEAAwEC,EAAyB,KAAKO,EAAK,CAAC,SAASC,CAAS;EAE3I,UAAAC,MAAQL,IAGP,kBAAC,QAAD;GACE,MAAK;GACL,cAAYM;GACZ,WAAWX,EAAG,yGAAyGG,EAASK,EAAK;GAErI,UAAA,kBAAC,QAAD;IAAM,WAAU;IAAgB,UAAAG;GAAU,CAAA;EACtC,CAAA,IARN,kBAAC,OAAD;GAAU;GAAU;GAAK,SAAQ;GAAO,UAAS;GAAQ,WAAU;GAAyB,eAAeL,EAAaI,CAAG;EAAI,CAAA;CAU7H,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}