jcicl 1.2.3 → 1.2.5

package/Pill/Pill.d.ts

@@ -16,6 +16,7 @@ export interface PillProps {
      * Use `true` for the default textColor-based ring, or pass a CSS color for a custom ring.
      */
     ring?: boolean | string;
+    className?: string;
 }
 export declare const Pill: React.FC<PillProps & {
     children: React.ReactNode;

package/Pill/Pill.js

@@ -1,34 +1,36 @@
-import { jsxs as g } from "react/jsx-runtime";
-import x from "../theme.js";
-import { useThemeColors as f } from "../ThemeContext.js";
-import { cn as h } from "../cn.js";
-const C = "font-['Roboto',sans-serif] font-medium cursor-default bg-[var(--pill-bg)] text-[var(--pill-color)]", y = "text-[13px] leading-[normal] px-[13px] py-[3px]", b = "text-base leading-none px-3.5 py-2", v = "inline-flex items-center gap-2", B = "shadow-[0_0_0_1px_var(--pill-ring)]", j = (n) => {
-  const o = f(), {
+import { jsxs as x } from "react/jsx-runtime";
+import f from "../theme.js";
+import { useThemeColors as h } from "../ThemeContext.js";
+import { cn as C } from "../cn.js";
+const y = "font-['Roboto',sans-serif] font-medium cursor-default bg-[var(--pill-bg)] text-[var(--pill-color)]", b = "text-[13px] leading-[normal] px-[13px] py-[3px]", v = "text-base leading-none px-3.5 py-2", B = "inline-flex items-center gap-2", k = "shadow-[0_0_0_1px_var(--pill-ring)]", w = (n) => {
+  const o = h(), {
     backgroundColor: t,
     textColor: c,
     type: r = "primary",
-    squared: i = !1,
+    squared: a = !1,
     icon: l,
-    size: a = "sm",
+    size: i = "sm",
     ring: e,
+    className: m,
     children: p
-  } = n, m = t ?? (r === "secondary" ? o.themeIconBackgroundB : o.themeIconBackgroundA), d = c ?? (r === "secondary" ? o.themeIconColorB : x.colors.white), s = e === !0 ? o.themeColor : typeof e == "string" ? e : null, u = {
-    "--pill-bg": m,
-    "--pill-color": d,
+  } = n, d = t ?? (r === "secondary" ? o.themeIconBackgroundB : o.themeIconBackgroundA), u = c ?? (r === "secondary" ? o.themeIconColorB : f.colors.white), s = e === !0 ? o.themeColor : typeof e == "string" ? e : null, g = {
+    "--pill-bg": d,
+    "--pill-color": u,
     ...s && { "--pill-ring": s }
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ x(
     "span",
     {
-      className: h(
+      className: C(
         "jciclPillWrapper",
-        C,
-        a === "md" ? b : y,
-        i ? "rounded" : "rounded-full",
-        l !== void 0 && v,
-        s && B
+        y,
+        i === "md" ? v : b,
+        a ? "rounded" : "rounded-full",
+        l !== void 0 && B,
+        s && k,
+        m
       ),
-      style: u,
+      style: g,
       children: [
         l,
         p
@@ -37,6 +39,6 @@ const C = "font-['Roboto',sans-serif] font-medium cursor-default bg-[var(--pill-
   );
 };
 export {
-  j as Pill,
-  j as default
+  w as Pill,
+  w as default
 };

package/ScrollContainer/ScrollContainer.d.ts

@@ -5,6 +5,13 @@ export interface ScrollContainerProps {
     direction?: 'vertical' | 'horizontal' | 'all' | 'none';
     styles?: React.CSSProperties;
     scrollColor?: string;
+    /** When the scrollbar auto-hides. 'never' (default) keeps it visible while content
+     *  overflows; 'leave' shows it only while the pointer is over the container (hover). */
+    autoHide?: 'never' | 'scroll' | 'leave' | 'move';
+    /** Delay in ms before the scrollbar auto-hides (OverlayScrollbars default is 1300). */
+    autoHideDelay?: number;
+    /** Show/hide fade duration in ms (symmetric, both directions). Defaults to 150 (OverlayScrollbars default). */
+    fadeDurationMs?: number;
 }
 declare const ScrollContainer: React.FC<ScrollContainerProps & {
     children: React.ReactNode;