@forgedevstack/bear 1.0.0

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,100 @@
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+const j = ({ className: l }) => /* @__PURE__ */ a("svg", { className: l, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }), A = ({
+  steps: l,
+  activeStep: s,
+  onStepClick: c,
+  orientation: u = "horizontal",
+  variant: x = "default",
+  size: m = "md",
+  className: g,
+  completedIcon: w,
+  showConnector: p = !0,
+  allowClickOnCompleted: N = !0
+}) => {
+  const d = {
+    sm: { circle: "bear-w-6 bear-h-6 bear-text-xs", text: "bear-text-xs", icon: "bear-w-3 bear-h-3" },
+    md: { circle: "bear-w-8 bear-h-8 bear-text-sm", text: "bear-text-sm", icon: "bear-w-4 bear-h-4" },
+    lg: { circle: "bear-w-10 bear-h-10 bear-text-base", text: "bear-text-base", icon: "bear-w-5 bear-h-5" }
+  }, n = u === "horizontal", k = (e, r) => {
+    const b = r < s, i = r === s, h = c && (b ? N : i), f = () => {
+      h && (c == null || c(r));
+    }, z = () => b ? w || /* @__PURE__ */ a(j, { className: d[m].icon }) : e.icon ? e.icon : r + 1, C = t(
+      "bear-rounded-full bear-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-shrink-0",
+      d[m].circle,
+      b && "bear-bg-pink-500 bear-text-white",
+      i && "bear-bg-pink-500 bear-text-white bear-ring-4 bear-ring-pink-500/30",
+      !b && !i && "bear-bg-zinc-700 bear-text-zinc-400",
+      e.error && "bear-bg-red-500 bear-text-white",
+      h && "bear-cursor-pointer hover:bear-scale-110"
+    );
+    return x === "dots" ? /* @__PURE__ */ a(
+      "div",
+      {
+        onClick: f,
+        className: t(
+          "bear-w-3 bear-h-3 bear-rounded-full bear-transition-all",
+          b && "bear-bg-pink-500",
+          i && "bear-bg-pink-500 bear-w-6",
+          !b && !i && "bear-bg-zinc-600",
+          h && "bear-cursor-pointer"
+        )
+      },
+      r
+    ) : /* @__PURE__ */ o(
+      "div",
+      {
+        className: t(
+          "bear-flex bear-items-center",
+          n ? "bear-flex-col" : "bear-flex-row bear-gap-3"
+        ),
+        children: [
+          /* @__PURE__ */ a("div", { onClick: f, className: C, children: z() }),
+          /* @__PURE__ */ o("div", { className: t("bear-text-center", n ? "bear-mt-2" : ""), children: [
+            /* @__PURE__ */ o("div", { className: t(
+              d[m].text,
+              i ? "bear-text-white bear-font-medium" : "bear-text-zinc-400"
+            ), children: [
+              e.label,
+              e.optional && /* @__PURE__ */ a("span", { className: "bear-text-zinc-500 bear-ml-1", children: "(Optional)" })
+            ] }),
+            e.description && /* @__PURE__ */ a("div", { className: "bear-text-xs bear-text-zinc-500 bear-mt-0.5", children: e.description })
+          ] })
+        ]
+      },
+      r
+    );
+  }, v = (e) => {
+    if (!p || e === l.length - 1) return null;
+    const r = e < s;
+    if (x === "progress") {
+      const b = r ? 100 : e === s ? 50 : 0;
+      return /* @__PURE__ */ a("div", { className: t(
+        "bear-bg-zinc-700 bear-rounded-full bear-overflow-hidden",
+        n ? "bear-flex-1 bear-h-1 bear-mx-2" : "bear-w-1 bear-h-8 bear-my-2 bear-ml-4"
+      ), children: /* @__PURE__ */ a(
+        "div",
+        {
+          className: "bear-bg-pink-500 bear-h-full bear-transition-all bear-duration-300",
+          style: { [n ? "width" : "height"]: `${b}%` }
+        }
+      ) });
+    }
+    return /* @__PURE__ */ a("div", { className: t(
+      "bear-transition-colors",
+      n ? "bear-flex-1 bear-h-0.5 bear-mx-2" : "bear-w-0.5 bear-h-8 bear-my-2 bear-ml-4",
+      r ? "bear-bg-pink-500" : "bear-bg-zinc-700"
+    ) });
+  };
+  return /* @__PURE__ */ a("div", { className: t(
+    "bear-flex",
+    n ? "bear-flex-row bear-items-start" : "bear-flex-col",
+    g
+  ), children: l.map((e, r) => /* @__PURE__ */ o("div", { className: t("bear-flex", n ? "bear-flex-1 bear-items-center" : ""), children: [
+    k(e, r),
+    v(r)
+  ] }, r)) });
+};
+export {
+  A as Stepper
+};

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface StepperStep {
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    optional?: boolean;
+    error?: boolean;
+}
+export interface StepperProps {
+    steps: StepperStep[];
+    activeStep: number;
+    onStepClick?: (step: number) => void;
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'default' | 'dots' | 'progress';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    completedIcon?: ReactNode;
+    showConnector?: boolean;
+    allowClickOnCompleted?: boolean;
+}

package/dist/components/Stepper/index.d.ts

@@ -0,0 +1,2 @@
+export { Stepper } from './Stepper';
+export type { StepperProps, StepperStep } from './Stepper.types';

package/dist/components/Switch/Switch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../utils/cn.cjs"),n={sm:{track:"bear-w-8 bear-h-4",thumb:"bear-w-3 bear-h-3",translate:"bear-translate-x-4"},md:{track:"bear-w-11 bear-h-6",thumb:"bear-w-5 bear-h-5",translate:"bear-translate-x-5"},lg:{track:"bear-w-14 bear-h-7",thumb:"bear-w-6 bear-h-6",translate:"bear-translate-x-7"}},u=({label:i,checked:a=!1,onCheckedChange:e,size:t="md",disabled:b=!1,className:l,...o})=>{const c=()=>{b||e==null||e(!a)};return r.jsxs("label",{className:s.cn("bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer",b&&"bear-opacity-50 bear-cursor-not-allowed",l),children:[r.jsx("input",{type:"checkbox",checked:a,onChange:c,disabled:b,className:"bear-sr-only",...o}),r.jsx("span",{className:s.cn("bear-relative bear-inline-flex bear-shrink-0 bear-rounded-full","bear-transition-colors bear-duration-200","focus-within:bear-ring-2 focus-within:bear-ring-bear-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-gray-900",a?"bear-bg-bear-500":"bear-bg-gray-600",n[t].track),children:r.jsx("span",{className:s.cn("bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white","bear-shadow bear-transition-transform bear-duration-200",a&&n[t].translate,n[t].thumb)})}),i&&r.jsx("span",{className:"bear-text-sm bear-text-gray-300",children:i})]})};exports.Switch=u;

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SwitchProps } from './Switch.types';
+export declare const Switch: FC<SwitchProps>;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,81 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { cn as s } from "../../utils/cn.js";
+const n = {
+  sm: {
+    track: "bear-w-8 bear-h-4",
+    thumb: "bear-w-3 bear-h-3",
+    translate: "bear-translate-x-4"
+  },
+  md: {
+    track: "bear-w-11 bear-h-6",
+    thumb: "bear-w-5 bear-h-5",
+    translate: "bear-translate-x-5"
+  },
+  lg: {
+    track: "bear-w-14 bear-h-7",
+    thumb: "bear-w-6 bear-h-6",
+    translate: "bear-translate-x-7"
+  }
+}, h = ({
+  label: i,
+  checked: r = !1,
+  onCheckedChange: e,
+  size: t = "md",
+  disabled: b = !1,
+  className: l,
+  ...o
+}) => {
+  const f = () => {
+    b || e == null || e(!r);
+  };
+  return /* @__PURE__ */ m(
+    "label",
+    {
+      className: s(
+        "bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer",
+        b && "bear-opacity-50 bear-cursor-not-allowed",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "checkbox",
+            checked: r,
+            onChange: f,
+            disabled: b,
+            className: "bear-sr-only",
+            ...o
+          }
+        ),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: s(
+              "bear-relative bear-inline-flex bear-shrink-0 bear-rounded-full",
+              "bear-transition-colors bear-duration-200",
+              "focus-within:bear-ring-2 focus-within:bear-ring-bear-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-gray-900",
+              r ? "bear-bg-bear-500" : "bear-bg-gray-600",
+              n[t].track
+            ),
+            children: /* @__PURE__ */ a(
+              "span",
+              {
+                className: s(
+                  "bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white",
+                  "bear-shadow bear-transition-transform bear-duration-200",
+                  r && n[t].translate,
+                  n[t].thumb
+                )
+              }
+            )
+          }
+        ),
+        i && /* @__PURE__ */ a("span", { className: "bear-text-sm bear-text-gray-300", children: i })
+      ]
+    }
+  );
+};
+export {
+  h as Switch
+};

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

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Switch label */
+    label?: string;
+    /** Whether switch is checked */
+    checked?: boolean;
+    /** Callback when switch changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Switch size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional class names */
+    className?: string;
+}

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch.types';

package/dist/components/Tabs/Tabs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("../../utils/cn.cjs"),d=i.createContext(null),y=({children:a,defaultTab:t,variant:r="line",onChange:e,className:b,testId:l})=>{const[x,g]=i.useState(t),s=c=>{g(c),e==null||e(c)};return n.jsx(d.Provider,{value:{activeTab:x,setActiveTab:s,variant:r},children:n.jsx("div",{className:b,"data-testid":l,children:a})})},v=({children:a,className:t})=>{const r=i.useContext(d);if(!r)throw new Error("TabList must be used within Tabs");const{variant:e}=r;return n.jsx("div",{role:"tablist",className:o.cn("bear-flex bear-gap-1",e==="line"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",e==="pills"&&"bear-bg-gray-100 dark:bear-bg-gray-800 bear-p-1 bear-rounded-lg",e==="enclosed"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",t),children:a})},T=({id:a,children:t,disabled:r=!1,icon:e})=>{const b=i.useContext(d);if(!b)throw new Error("Tab must be used within Tabs");const{activeTab:l,setActiveTab:x,variant:g}=b,s=l===a,c="bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors",u={line:o.cn("bear-border-b-2 bear--mb-px",s?"bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400":"bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"),pills:o.cn("bear-rounded-md",s?"bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"),enclosed:o.cn("bear-rounded-t-lg bear-border bear-border-transparent",s?"bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white")};return n.jsxs("button",{role:"tab","aria-selected":s,disabled:r,onClick:()=>!r&&x(a),className:o.cn(c,u[g],r&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e,t]})},h=({tabId:a,children:t,className:r})=>{const e=i.useContext(d);if(!e)throw new Error("TabPanel must be used within Tabs");const{activeTab:b}=e;return b!==a?null:n.jsx("div",{role:"tabpanel",className:o.cn("bear-py-4",r),children:t})};exports.Tab=T;exports.TabList=v;exports.TabPanel=h;exports.Tabs=y;

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

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { TabsProps, TabListProps, TabProps, TabPanelProps } from './Tabs.types';
+/**
+ * Tabs - Tabbed interface for organizing content
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultTab="tab1" variant="line">
+ *   <TabList>
+ *     <Tab id="tab1">Tab 1</Tab>
+ *     <Tab id="tab2">Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel tabId="tab1">Content 1</TabPanel>
+ *   <TabPanel tabId="tab2">Content 2</TabPanel>
+ * </Tabs>
+ * ```
+ */
+export declare const Tabs: FC<TabsProps>;
+/**
+ * TabList - Container for tab buttons
+ */
+export declare const TabList: FC<TabListProps>;
+/**
+ * Tab - Individual tab button
+ */
+export declare const Tab: FC<TabProps>;
+/**
+ * TabPanel - Content panel for a tab
+ */
+export declare const TabPanel: FC<TabPanelProps>;

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,80 @@
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { createContext as v, useContext as g, useState as p } from "react";
+import { cn as s } from "../../utils/cn.js";
+const d = v(null), w = ({
+  children: a,
+  defaultTab: t,
+  variant: e = "line",
+  onChange: r,
+  className: b,
+  testId: c
+}) => {
+  const [l, x] = p(t), o = (n) => {
+    x(n), r == null || r(n);
+  };
+  return /* @__PURE__ */ i(d.Provider, { value: { activeTab: l, setActiveTab: o, variant: e }, children: /* @__PURE__ */ i("div", { className: b, "data-testid": c, children: a }) });
+}, T = ({ children: a, className: t }) => {
+  const e = g(d);
+  if (!e) throw new Error("TabList must be used within Tabs");
+  const { variant: r } = e;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "tablist",
+      className: s(
+        "bear-flex bear-gap-1",
+        r === "line" && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
+        r === "pills" && "bear-bg-gray-100 dark:bear-bg-gray-800 bear-p-1 bear-rounded-lg",
+        r === "enclosed" && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
+        t
+      ),
+      children: a
+    }
+  );
+}, f = ({ id: a, children: t, disabled: e = !1, icon: r }) => {
+  const b = g(d);
+  if (!b) throw new Error("Tab must be used within Tabs");
+  const { activeTab: c, setActiveTab: l, variant: x } = b, o = c === a, n = "bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors", y = {
+    line: s(
+      "bear-border-b-2 bear--mb-px",
+      o ? "bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400" : "bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"
+    ),
+    pills: s(
+      "bear-rounded-md",
+      o ? "bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
+    ),
+    enclosed: s(
+      "bear-rounded-t-lg bear-border bear-border-transparent",
+      o ? "bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
+    )
+  };
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      role: "tab",
+      "aria-selected": o,
+      disabled: e,
+      onClick: () => !e && l(a),
+      className: s(
+        n,
+        y[x],
+        e && "bear-opacity-50 bear-cursor-not-allowed"
+      ),
+      children: [
+        r,
+        t
+      ]
+    }
+  );
+}, A = ({ tabId: a, children: t, className: e }) => {
+  const r = g(d);
+  if (!r) throw new Error("TabPanel must be used within Tabs");
+  const { activeTab: b } = r;
+  return b !== a ? null : /* @__PURE__ */ i("div", { role: "tabpanel", className: s("bear-py-4", e), children: t });
+};
+export {
+  f as Tab,
+  T as TabList,
+  A as TabPanel,
+  w as Tabs
+};

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

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+export interface TabsContextValue {
+    activeTab: string;
+    setActiveTab: (id: string) => void;
+    variant: 'line' | 'pills' | 'enclosed';
+}
+export interface TabsProps {
+    /** Tab panels */
+    children: ReactNode;
+    /** Default active tab */
+    defaultTab: string;
+    /** Visual variant */
+    variant?: 'line' | 'pills' | 'enclosed';
+    /** Called when tab changes */
+    onChange?: (tabId: string) => void;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+export interface TabListProps {
+    /** Tab buttons */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+export interface TabProps {
+    /** Unique identifier */
+    id: string;
+    /** Tab label */
+    children: ReactNode;
+    /** Whether tab is disabled */
+    disabled?: boolean;
+    /** Icon before label */
+    icon?: ReactNode;
+}
+export interface TabPanelProps {
+    /** Tab ID this panel belongs to */
+    tabId: string;
+    /** Panel content */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Tabs, TabList, Tab, TabPanel } from './Tabs';
+export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsContextValue } from './Tabs.types';

package/dist/components/TimePicker/TimePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("../../utils/cn.cjs"),q=({value:s,onChange:b,disabled:o=!1,placeholder:w="Select time",label:u,error:c,helperText:f,format:d="12h",minuteStep:p=5,clearable:S=!0,className:M,size:P="md",variant:A="default"})=>{const[h,i]=a.useState(!1),[j,z]=a.useState(12),[v,N]=a.useState(0),[y,g]=a.useState("AM"),x=a.useRef(null);a.useEffect(()=>{if(s){const[e,t]=s.split(" "),[l,m]=e.split(":").map(Number);z(l),N(m),t&&g(t)}},[s]),a.useEffect(()=>{const e=t=>{x.current&&!x.current.contains(t.target)&&i(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const $=(e,t,l)=>{const m=e.toString().padStart(2,"0"),k=t.toString().padStart(2,"0");return d==="12h"?`${m}:${k} ${l}`:`${e<12&&l==="PM"?e+12:e}:${k}`},C=()=>{b==null||b($(j,v,y)),i(!1)},E=d==="12h"?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),L=Array.from({length:60/p},(e,t)=>t*p),O={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},R={default:"bear-bg-zinc-800 bear-border-zinc-600",filled:"bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-500"};return r.jsxs("div",{ref:x,className:n.cn("bear-relative",M),children:[u&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:u}),r.jsxs("button",{type:"button",onClick:()=>!o&&i(!h),disabled:o,className:n.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",O[P],R[A],c?"bear-border-red-500":"focus:bear-border-pink-500",o&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{children:s||w}),r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})]}),c&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:c}),f&&!c&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:f}),h&&r.jsxs("div",{className:"bear-absolute bear-z-50 bear-mt-1 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64",children:[r.jsxs("div",{className:"bear-flex bear-gap-2 bear-mb-3",children:[r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Hour"}),r.jsx("div",{className:"bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin",children:E.map(e=>r.jsx("button",{onClick:()=>z(e),className:n.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",j===e?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:e.toString().padStart(2,"0")},e))})]}),r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Minute"}),r.jsx("div",{className:"bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin",children:L.map(e=>r.jsx("button",{onClick:()=>N(e),className:n.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",v===e?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:e.toString().padStart(2,"0")},e))})]}),d==="12h"&&r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Period"}),r.jsx("div",{className:"bear-space-y-1",children:["AM","PM"].map(e=>r.jsx("button",{onClick:()=>g(e),className:n.cn("bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",y===e?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:e},e))})]})]}),r.jsxs("div",{className:"bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-zinc-700",children:[S&&s&&r.jsx("button",{onClick:()=>{b==null||b(""),i(!1)},className:"bear-flex-1 bear-py-1.5 bear-text-sm bear-text-zinc-400 hover:bear-text-white bear-rounded bear-border bear-border-zinc-600",children:"Clear"}),r.jsx("button",{onClick:C,className:"bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-pink-500 bear-text-white bear-rounded hover:bear-bg-pink-600",children:"Confirm"})]})]})]})};exports.TimePicker=q;

package/dist/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TimePickerProps } from './TimePicker.types';
+export declare const TimePicker: FC<TimePickerProps>;

package/dist/components/TimePicker/TimePicker.js

@@ -0,0 +1,124 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useState as l, useRef as B, useEffect as M } from "react";
+import { cn as s } from "../../utils/cn.js";
+const q = ({
+  value: b,
+  onChange: n,
+  disabled: d = !1,
+  placeholder: A = "Select time",
+  label: p,
+  error: i,
+  helperText: f,
+  format: m = "12h",
+  minuteStep: h = 5,
+  clearable: P = !0,
+  className: $,
+  size: j = "md",
+  variant: C = "default"
+}) => {
+  const [z, c] = l(!1), [N, v] = l(12), [w, k] = l(0), [y, g] = l("AM"), x = B(null);
+  M(() => {
+    if (b) {
+      const [e, a] = b.split(" "), [o, u] = e.split(":").map(Number);
+      v(o), k(u), a && g(a);
+    }
+  }, [b]), M(() => {
+    const e = (a) => {
+      x.current && !x.current.contains(a.target) && c(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []);
+  const L = (e, a, o) => {
+    const u = e.toString().padStart(2, "0"), S = a.toString().padStart(2, "0");
+    return m === "12h" ? `${u}:${S} ${o}` : `${e < 12 && o === "PM" ? e + 12 : e}:${S}`;
+  }, E = () => {
+    n == null || n(L(N, w, y)), c(!1);
+  }, H = m === "12h" ? Array.from({ length: 12 }, (e, a) => a + 1) : Array.from({ length: 24 }, (e, a) => a), O = Array.from({ length: 60 / h }, (e, a) => a * h), _ = { sm: "bear-py-1.5 bear-px-3 bear-text-sm", md: "bear-py-2 bear-px-4", lg: "bear-py-2.5 bear-px-5 bear-text-lg" }, R = {
+    default: "bear-bg-zinc-800 bear-border-zinc-600",
+    filled: "bear-bg-zinc-700 bear-border-transparent",
+    outline: "bear-bg-transparent bear-border-zinc-500"
+  };
+  return /* @__PURE__ */ t("div", { ref: x, className: s("bear-relative", $), children: [
+    p && /* @__PURE__ */ r("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: p }),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        onClick: () => !d && c(!z),
+        disabled: d,
+        className: s(
+          "bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",
+          _[j],
+          R[C],
+          i ? "bear-border-red-500" : "focus:bear-border-pink-500",
+          d && "bear-opacity-50 bear-cursor-not-allowed",
+          b ? "bear-text-white" : "bear-text-zinc-500"
+        ),
+        children: [
+          /* @__PURE__ */ r("span", { children: b || A }),
+          /* @__PURE__ */ r("svg", { className: "bear-w-5 bear-h-5 bear-text-zinc-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) })
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: i }),
+    f && !i && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: f }),
+    z && /* @__PURE__ */ t("div", { className: "bear-absolute bear-z-50 bear-mt-1 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64", children: [
+      /* @__PURE__ */ t("div", { className: "bear-flex bear-gap-2 bear-mb-3", children: [
+        /* @__PURE__ */ t("div", { className: "bear-flex-1", children: [
+          /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Hour" }),
+          /* @__PURE__ */ r("div", { className: "bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin", children: H.map((e) => /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: () => v(e),
+              className: s(
+                "bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",
+                N === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
+              ),
+              children: e.toString().padStart(2, "0")
+            },
+            e
+          )) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "bear-flex-1", children: [
+          /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Minute" }),
+          /* @__PURE__ */ r("div", { className: "bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin", children: O.map((e) => /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: () => k(e),
+              className: s(
+                "bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",
+                w === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
+              ),
+              children: e.toString().padStart(2, "0")
+            },
+            e
+          )) })
+        ] }),
+        m === "12h" && /* @__PURE__ */ t("div", { className: "bear-flex-1", children: [
+          /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Period" }),
+          /* @__PURE__ */ r("div", { className: "bear-space-y-1", children: ["AM", "PM"].map((e) => /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: () => g(e),
+              className: s(
+                "bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",
+                y === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
+              ),
+              children: e
+            },
+            e
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-zinc-700", children: [
+        P && b && /* @__PURE__ */ r("button", { onClick: () => {
+          n == null || n(""), c(!1);
+        }, className: "bear-flex-1 bear-py-1.5 bear-text-sm bear-text-zinc-400 hover:bear-text-white bear-rounded bear-border bear-border-zinc-600", children: "Clear" }),
+        /* @__PURE__ */ r("button", { onClick: E, className: "bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-pink-500 bear-text-white bear-rounded hover:bear-bg-pink-600", children: "Confirm" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  q as TimePicker
+};

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

@@ -0,0 +1,17 @@
+export interface TimePickerProps {
+    value?: string;
+    onChange?: (time: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    format?: '12h' | '24h';
+    minuteStep?: number;
+    minTime?: string;
+    maxTime?: string;
+    clearable?: boolean;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'filled' | 'outline';
+}

package/dist/components/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePicker } from './TimePicker';
+export type { TimePickerProps } from './TimePicker.types';

package/dist/components/Timeline/Timeline.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),m=({items:i,orientation:h="vertical",position:t="left",className:u,size:l="md",showConnector:g=!0})=>{const s={default:"bear-bg-zinc-600 bear-border-zinc-600",primary:"bear-bg-pink-500 bear-border-pink-500",success:"bear-bg-green-500 bear-border-green-500",warning:"bear-bg-yellow-500 bear-border-yellow-500",error:"bear-bg-red-500 bear-border-red-500",info:"bear-bg-blue-500 bear-border-blue-500"},n={sm:{dot:"bear-w-2.5 bear-h-2.5",iconDot:"bear-w-6 bear-h-6",text:"bear-text-xs",title:"bear-text-sm"},md:{dot:"bear-w-3 bear-h-3",iconDot:"bear-w-8 bear-h-8",text:"bear-text-sm",title:"bear-text-base"},lg:{dot:"bear-w-4 bear-h-4",iconDot:"bear-w-10 bear-h-10",text:"bear-text-base",title:"bear-text-lg"}},b=h==="vertical";return r.jsx("div",{className:a.cn("bear-relative",b?"":"bear-flex bear-items-start",u),children:i.map((e,d)=>{const c=t==="left"||t==="alternate"&&d%2===0,f=d===i.length-1,o=e.color||"default",x=e.dotVariant==="icon"&&e.icon;return r.jsxs("div",{className:a.cn("bear-relative",b?"bear-pb-6":"bear-flex-1 bear-pr-4",b&&t==="alternate"&&(c?"bear-pr-8 bear-text-right":"bear-pl-8")),children:[r.jsx("div",{className:a.cn("bear-absolute",b?t==="alternate"?c?"bear-right-0 bear-translate-x-1/2":"bear-left-0 -bear-translate-x-1/2":"bear-left-0":"bear-top-0",x?"":"bear-top-1"),children:x?r.jsx("div",{className:a.cn("bear-rounded-full bear-flex bear-items-center bear-justify-center bear-text-white",n[l].iconDot,s[o]),children:e.icon}):r.jsx("div",{className:a.cn("bear-rounded-full",n[l].dot,e.dotVariant==="outlined"?`bear-border-2 bear-bg-zinc-900 ${s[o]}`:s[o])})}),g&&!f&&r.jsx("div",{className:a.cn("bear-absolute bear-bg-zinc-700",b?t==="alternate"?c?"bear-right-0 bear-w-0.5 bear-top-4 bear-bottom-0 bear-translate-x-1/2":"bear-left-0 bear-w-0.5 bear-top-4 bear-bottom-0 -bear-translate-x-1/2":"bear-left-1 bear-w-0.5 bear-top-4 bear-bottom-0":"bear-left-3 bear-h-0.5 bear-top-1.5 bear-right-0")}),r.jsxs("div",{className:a.cn(b&&t!=="alternate"&&"bear-pl-6",b&&t==="alternate"&&!c&&"bear-pl-6"),children:[e.date&&r.jsx("div",{className:a.cn("bear-text-zinc-500 bear-mb-1",n[l].text),children:e.date}),r.jsx("div",{className:a.cn("bear-font-medium bear-text-white",n[l].title),children:e.title}),e.description&&r.jsx("div",{className:a.cn("bear-text-zinc-400 bear-mt-1",n[l].text),children:e.description})]})]},e.id)})})};exports.Timeline=m;

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TimelineProps } from './Timeline.types';
+export declare const Timeline: FC<TimelineProps>;