kaze-design-system 0.4.2 → 0.6.1

package/dist/components/Toast/Toast.js

@@ -32,104 +32,110 @@ function ToastItem(props) {
     };
   }, [data.duration, dismiss]);
   const variantClass = data.variant && data.variant !== "default" ? `toast--${data.variant}` : void 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("toast", variantClass),
-      role: "status",
-      "data-removing": removing || void 0,
-      children: [
-        data.variant && data.variant !== "default" && /* @__PURE__ */ jsxs("span", { className: "toast__icon", "aria-hidden": "true", children: [
-          data.variant === "positive" && /* @__PURE__ */ jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "16",
-              height: "16",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-            }
-          ),
-          data.variant === "negative" && /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "16",
-              height: "16",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: [
-                /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
-                /* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
-              ]
-            }
-          ),
-          data.variant === "warning" && /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "16",
-              height: "16",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: [
-                /* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
-                /* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
-                /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "toast__content", children: [
-          /* @__PURE__ */ jsx("div", { className: "toast__title", children: data.title }),
-          data.description && /* @__PURE__ */ jsx("div", { className: "toast__description", children: data.description })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "toast__close",
-            onClick: dismiss,
-            "aria-label": closeLabel,
-            children: /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
-                  /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-                ]
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("toast", variantClass), role: "status", "data-removing": removing || void 0, children: [
+    data.variant && data.variant !== "default" && /* @__PURE__ */ jsxs("span", { className: "toast__icon", "aria-hidden": "true", children: [
+      data.variant === "positive" && /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+        }
+      ),
+      data.variant === "negative" && /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
+            /* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
+          ]
+        }
+      ),
+      data.variant === "warning" && /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+            /* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
+          ]
+        }
+      ),
+      data.variant === "info" && /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+            /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "toast__content", children: [
+      /* @__PURE__ */ jsx("div", { className: "toast__title", children: data.title }),
+      data.description && /* @__PURE__ */ jsx("div", { className: "toast__description", children: data.description })
+    ] }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "toast__close", onClick: dismiss, "aria-label": closeLabel, children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "14",
+        height: "14",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+          /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+        ]
+      }
+    ) })
+  ] });
 }
-function ToastProvider({ children, closeLabel = "閉じる", containerLabel = "通知" }) {
+function ToastProvider({
+  children,
+  closeLabel = "閉じる",
+  containerLabel = "通知"
+}) {
   const [toasts, setToasts] = useState([]);
   const counterRef = useRef(0);
   const toast = useCallback((options) => {

package/dist/components/Tooltip/Tooltip.js

@@ -29,102 +29,99 @@ function getPosition(triggerRect, tooltipRect, side) {
       };
   }
 }
-const Tooltip = forwardRef(({
-  content,
-  children,
-  side = "top",
-  delay = 200
-}, ref) => {
-  const [visible, setVisible] = useState(false);
-  const [position, setPosition] = useState({
-    top: 0,
-    left: 0
-  });
-  const triggerRef = useRef(null);
-  const tooltipRef = useRef(null);
-  const timerRef = useRef(null);
-  const tooltipId = useId();
-  const updatePosition = useCallback(() => {
-    if (!triggerRef.current || !tooltipRef.current) return;
-    const triggerRect = triggerRef.current.getBoundingClientRect();
-    const tooltipRect = tooltipRef.current.getBoundingClientRect();
-    setPosition(getPosition(triggerRect, tooltipRect, side));
-  }, [side]);
-  useEffect(() => {
-    if (visible) {
-      requestAnimationFrame(updatePosition);
-    }
-  }, [visible, updatePosition]);
-  const show = useCallback(() => {
-    timerRef.current = setTimeout(() => {
-      setVisible(true);
-    }, delay);
-  }, [delay]);
-  const hide = useCallback(() => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = null;
-    }
-    setVisible(false);
-  }, []);
-  useEffect(() => {
-    return () => {
+const Tooltip = forwardRef(
+  ({ content, children, side = "top", delay = 200 }, ref) => {
+    const [visible, setVisible] = useState(false);
+    const [position, setPosition] = useState({
+      top: 0,
+      left: 0
+    });
+    const triggerRef = useRef(null);
+    const tooltipRef = useRef(null);
+    const timerRef = useRef(null);
+    const tooltipId = useId();
+    const updatePosition = useCallback(() => {
+      if (!triggerRef.current || !tooltipRef.current) return;
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const tooltipRect = tooltipRef.current.getBoundingClientRect();
+      setPosition(getPosition(triggerRect, tooltipRect, side));
+    }, [side]);
+    useEffect(() => {
+      if (visible) {
+        requestAnimationFrame(updatePosition);
+      }
+    }, [visible, updatePosition]);
+    const show = useCallback(() => {
+      timerRef.current = setTimeout(() => {
+        setVisible(true);
+      }, delay);
+    }, [delay]);
+    const hide = useCallback(() => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
+        timerRef.current = null;
       }
-    };
-  }, []);
-  const childProps = children.props;
-  const trigger = cloneElement(children, {
-    ref: (node) => {
-      triggerRef.current = node;
-      const childRef = children.ref;
-      if (typeof childRef === "function") {
-        childRef(node);
-      } else if (childRef && typeof childRef === "object" && "current" in childRef) {
-        childRef.current = node;
-      }
-    },
-    onMouseEnter: (e) => {
-      show();
-      childProps.onMouseEnter?.(e);
-    },
-    onMouseLeave: (e) => {
-      hide();
-      childProps.onMouseLeave?.(e);
-    },
-    onFocus: (e) => {
-      show();
-      childProps.onFocus?.(e);
-    },
-    onBlur: (e) => {
-      hide();
-      childProps.onBlur?.(e);
-    },
-    "aria-describedby": visible ? tooltipId : void 0
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    trigger,
-    visible && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: (node) => {
-            tooltipRef.current = node;
-            if (typeof ref === "function") ref(node);
-            else if (ref) ref.current = node;
-          },
-          id: tooltipId,
-          role: "tooltip",
-          className: "tooltip",
-          style: { top: position.top, left: position.left },
-          children: content
+      setVisible(false);
+    }, []);
+    useEffect(() => {
+      return () => {
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
         }
-      ),
-      document.body
-    )
-  ] });
-});
+      };
+    }, []);
+    const childProps = children.props;
+    const trigger = cloneElement(children, {
+      ref: (node) => {
+        triggerRef.current = node;
+        const childRef = children.ref;
+        if (typeof childRef === "function") {
+          childRef(node);
+        } else if (childRef && typeof childRef === "object" && "current" in childRef) {
+          childRef.current = node;
+        }
+      },
+      onMouseEnter: (e) => {
+        show();
+        childProps.onMouseEnter?.(e);
+      },
+      onMouseLeave: (e) => {
+        hide();
+        childProps.onMouseLeave?.(e);
+      },
+      onFocus: (e) => {
+        show();
+        childProps.onFocus?.(e);
+      },
+      onBlur: (e) => {
+        hide();
+        childProps.onBlur?.(e);
+      },
+      "aria-describedby": visible ? tooltipId : void 0
+    });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      trigger,
+      visible && typeof document !== "undefined" && createPortal(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: (node) => {
+              tooltipRef.current = node;
+              if (typeof ref === "function") ref(node);
+              else if (ref) ref.current = node;
+            },
+            id: tooltipId,
+            role: "tooltip",
+            className: "tooltip",
+            style: { top: position.top, left: position.left },
+            children: content
+          }
+        ),
+        document.body
+      )
+    ] });
+  }
+);
 Tooltip.displayName = "Tooltip";
 export {
   Tooltip

package/dist/components/TopBar/TopBar.js

@@ -3,18 +3,10 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
 const TopBar = forwardRef(
   ({ children, actions, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "header",
-      {
-        ref,
-        className: cn("top-bar", className),
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx("div", { children }),
-          actions && /* @__PURE__ */ jsx("div", { className: "top-bar__actions", children: actions })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs("header", { ref, className: cn("top-bar", className), ...rest, children: [
+      /* @__PURE__ */ jsx("div", { children }),
+      actions && /* @__PURE__ */ jsx("div", { className: "top-bar__actions", children: actions })
+    ] });
   }
 );
 TopBar.displayName = "TopBar";

package/dist/hooks/useLegendToggle.js

@@ -11,10 +11,7 @@ function useLegendToggle() {
       return next;
     });
   }, []);
-  const isHidden = useCallback(
-    (dataKey) => hiddenSeries.has(dataKey),
-    [hiddenSeries]
-  );
+  const isHidden = useCallback((dataKey) => hiddenSeries.has(dataKey), [hiddenSeries]);
   const reset = useCallback(() => setHiddenSeries(/* @__PURE__ */ new Set()), []);
   const legendProps = useMemo(
     () => ({

package/dist/hooks/useTheme.js

@@ -34,10 +34,7 @@ function applyPalette(palette) {
     document.documentElement.removeAttribute("data-palette");
   }
 }
-function ThemeProvider({
-  children,
-  defaultTheme
-}) {
+function ThemeProvider({ children, defaultTheme }) {
   const [theme, setThemeState] = useState(defaultTheme ?? "light");
   const [palette, setPaletteState] = useState("warm");
   const [resolvedTheme, setResolvedTheme] = useState(

package/dist/marketing.js

@@ -0,0 +1,33 @@
+"use client";
+import { CTABanner } from "./components/CTABanner/CTABanner.js";
+import { FAQ, FAQItem } from "./components/FAQ/FAQ.js";
+import { FeatureCard, FeatureGrid } from "./components/FeatureGrid/FeatureGrid.js";
+import { Hero } from "./components/Hero/Hero.js";
+import { LPFooter } from "./components/LPFooter/LPFooter.js";
+import { Navbar, NavbarLink, NavbarLinks } from "./components/Navbar/Navbar.js";
+import { PricingCard, PricingGrid } from "./components/Pricing/Pricing.js";
+import { Section, SectionHeader } from "./components/Section/Section.js";
+import { SplitSection } from "./components/SplitSection/SplitSection.js";
+import { StatItem, Stats } from "./components/Stats/Stats.js";
+import { TestimonialCard, TestimonialGrid } from "./components/Testimonial/Testimonial.js";
+export {
+  CTABanner,
+  FAQ,
+  FAQItem,
+  FeatureCard,
+  FeatureGrid,
+  Hero,
+  LPFooter,
+  Navbar,
+  NavbarLink,
+  NavbarLinks,
+  PricingCard,
+  PricingGrid,
+  Section,
+  SectionHeader,
+  SplitSection,
+  StatItem,
+  Stats,
+  TestimonialCard,
+  TestimonialGrid
+};

package/dist/tokens.js

@@ -78,9 +78,21 @@ const radius = {
   "2xl": "var(--radius-2xl)",
   full: "var(--radius-full)"
 };
+const density = {
+  controlHeight: "var(--density-control-height)",
+  rowPy: "var(--density-row-py)",
+  rowPx: "var(--density-row-px)",
+  fontSizeUi: "var(--density-font-size-ui)",
+  lineHeightUi: "var(--density-line-height-ui)",
+  navPy: "var(--density-nav-py)",
+  navGap: "var(--density-nav-gap)",
+  dropdownPy: "var(--density-dropdown-py)",
+  tabPy: "var(--density-tab-py)"
+};
 export {
   chart,
   color,
+  density,
   radius,
   space
 };

package/dist/types/components/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode, type HTMLAttributes } from "react";
-export type AlertVariant = "info" | "positive" | "warning" | "negative";
+export type AlertVariant = "default" | "positive" | "negative" | "warning" | "info";
 export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
     variant?: AlertVariant;
     icon?: ReactNode;

package/dist/types/components/Badge/Badge.d.ts

@@ -3,7 +3,7 @@ export type BadgeVariant = "default" | "positive" | "negative" | "warning" | "in
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: BadgeVariant;
     dot?: boolean;
-    /** Solid (inverted) style — filled background with white text */
+    /** Solid (inverted) style: filled background with white text */
     solid?: boolean;
     /** When true, adds role="status" for live-region announcements */
     live?: boolean;

package/dist/types/components/Dialog/Dialog.d.ts

@@ -2,7 +2,7 @@ import { type HTMLAttributes, type RefObject } from "react";
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
     onClose: () => void;
-    /** @deprecated useFocusTrap handles focus restoration automatically. Kept for backward compat — ignored. */
+    /** @deprecated useFocusTrap handles focus restoration automatically. Kept for backward compat: ignored. */
     returnFocusRef?: RefObject<HTMLElement | null>;
 }
 export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -15,10 +15,9 @@ export interface DropdownItemProps extends HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     children: ReactNode;
 }
-export interface DropdownSeparatorProps {
-}
+export type DropdownSeparatorProps = Record<string, never>;
 export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const DropdownTrigger: import("react").ForwardRefExoticComponent<DropdownTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
 export declare const DropdownMenu: import("react").ForwardRefExoticComponent<DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownSeparator: import("react").ForwardRefExoticComponent<DropdownSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownSeparator: import("react").ForwardRefExoticComponent<Omit<DropdownSeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "react";
-import { space } from "@/tokens/tokens";
+import { space } from "../../tokens/tokens";
 export type GridColumns = 1 | 2 | 3 | 4 | 5 | 6;
 type SpaceToken = keyof typeof space;
 export type GridGap = "xs" | "sm" | "md" | "lg" | "xl" | SpaceToken | number | (string & {});
@@ -10,11 +10,11 @@ export interface GridProps extends HTMLAttributes<HTMLDivElement> {
     columnsMd?: GridColumns;
     /** Column count at ≤640px */
     columnsSm?: GridColumns;
-    /** Gap between items — semantic token ("sm", "md", etc.), space token (e.g. 4), or any CSS value */
+    /** Gap between items: semantic token ("sm", "md", etc.), space token (e.g. 4), or any CSS value */
     gap?: GridGap;
-    /** Gap at ≤1024px — falls back to gap */
+    /** Gap at ≤1024px: falls back to gap */
     gapMd?: GridGap;
-    /** Gap at ≤640px — falls back to gapMd, then gap */
+    /** Gap at ≤640px: falls back to gapMd, then gap */
     gapSm?: GridGap;
 }
 export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Hero/Hero.d.ts

@@ -3,9 +3,9 @@ export interface HeroProps extends HTMLAttributes<HTMLElement> {
     badge?: string;
     title: string;
     subtitle?: string;
-    /** Background color — any CSS value, e.g. "var(--blue-500)" */
+    /** Background color: any CSS value, e.g. "var(--blue-500)" */
     bg?: string;
-    /** Background image — URL or CSS gradient, e.g. "url(...)" or "linear-gradient(...)" */
+    /** Background image: URL or CSS gradient, e.g. "url(...)" or "linear-gradient(...)" */
     bgImage?: string;
     /** Dark overlay opacity (0–1). true = 0.5. Useful for readability on images. */
     overlay?: boolean | number;

package/dist/types/components/Icon/Icon.d.ts

@@ -1,12 +1,17 @@
-import { type HTMLAttributes } from "react";
-import type { LucideIcon } from "lucide-react";
+import { type ComponentType, type HTMLAttributes } from "react";
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+/** Any icon component accepting `size` / `strokeWidth` (e.g. a lucide-react icon).
+ *  Typed structurally so the published types don't require lucide-react. */
+export type IconComponent = ComponentType<{
+    size?: number | string;
+    strokeWidth?: number | string;
+}>;
 export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
-    /** A lucide-react icon component */
-    icon: LucideIcon;
+    /** An icon component such as a lucide-react icon */
+    icon: IconComponent;
     /** Size of the icon */
     size?: IconSize;
-    /** Accessible label — if omitted, the icon is decorative (aria-hidden) */
+    /** Accessible label. If omitted, the icon is decorative (aria-hidden) */
     label?: string;
 }
 export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/Icon/index.d.ts

@@ -1,2 +1,2 @@
 export { Icon } from "./Icon";
-export type { IconProps, IconSize } from "./Icon";
+export type { IconComponent, IconProps, IconSize } from "./Icon";

package/dist/types/components/NumberField/NumberField.d.ts

@@ -23,7 +23,7 @@ export interface NumberFieldProps extends Omit<InputHTMLAttributes<HTMLInputElem
     error?: boolean;
     /** Error message */
     errorMessage?: string;
-    /** Prefix text (e.g. "¥") — auto-set by currency */
+    /** Prefix text (e.g. "¥"): auto-set by currency */
     prefix?: string;
     /** Suffix text (e.g. "%", "件") */
     suffix?: string;

package/dist/types/components/Sidebar/index.d.ts

@@ -1,2 +1,2 @@
 export { Sidebar, NavItem, SidebarGroupLabel, SidebarDivider } from "./Sidebar";
-export type { SidebarProps, NavItemProps, SidebarGroupLabelProps, SidebarDividerProps } from "./Sidebar";
+export type { SidebarProps, NavItemProps, SidebarGroupLabelProps, SidebarDividerProps, } from "./Sidebar";

package/dist/types/components/Tabs/Tabs.d.ts

@@ -26,7 +26,7 @@ export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps &
 export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     active?: boolean;
     id?: string;
-    /** Tab の value — aria-controls / id の自動生成に使用 */
+    /** Tab の value。aria-controls / id の自動生成に使用 */
     value?: string;
 }
 export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;