@konstructio/ui 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/components/DropdownButton/DropdownButton.js

@@ -0,0 +1,136 @@
+import { jsxs as v, jsx as p } from "react/jsx-runtime";
+import w, { forwardRef as E, useState as P, useRef as b, useCallback as y, useEffect as z } from "react";
+import { cn as l } from "../../utils/index.js";
+import { Button as C } from "../Button/Button.js";
+import { P as c } from "../../index-h-Ul0anl.js";
+function m() {
+  return m = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var n = arguments[a];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
+    }
+    return e;
+  }, m.apply(this, arguments);
+}
+function L(e, a) {
+  if (e == null) return {};
+  var n = N(e, a), t, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < o.length; r++)
+      t = o[r], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+  }
+  return n;
+}
+function N(e, a) {
+  if (e == null) return {};
+  var n = {}, t = Object.keys(e), r, o;
+  for (o = 0; o < t.length; o++)
+    r = t[o], !(a.indexOf(r) >= 0) && (n[r] = e[r]);
+  return n;
+}
+var g = E(function(e, a) {
+  var n = e.color, t = n === void 0 ? "currentColor" : n, r = e.size, o = r === void 0 ? 24 : r, s = L(e, ["color", "size"]);
+  return /* @__PURE__ */ w.createElement("svg", m({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, s), /* @__PURE__ */ w.createElement("polyline", {
+    points: "6 9 12 15 18 9"
+  }));
+});
+g.propTypes = {
+  color: c.string,
+  size: c.oneOfType([c.string, c.number])
+};
+g.displayName = "ChevronDown";
+const T = ({
+  buttonClassName: e,
+  className: a,
+  itemClassName: n,
+  listClassName: t,
+  options: r
+}) => {
+  const [o, s] = P(!1), O = b(null), f = b(null), j = y(() => s((i) => !i), []), x = y((i) => {
+    s(!1), i == null || i();
+  }, []);
+  return z(() => {
+    const i = new AbortController(), u = (d) => {
+      d.key === "Escape" && s(!1);
+    }, k = (d) => {
+      var h;
+      (h = f.current) != null && h.contains(d.target) || s(!1);
+    };
+    return document.addEventListener("keydown", u, {
+      signal: i.signal
+    }), document.addEventListener("mousedown", k, {
+      signal: i.signal
+    }), document.addEventListener(
+      "visibilitychange",
+      () => {
+        document.hidden && s(!1);
+      },
+      {
+        signal: i.signal
+      }
+    ), () => {
+      i.abort();
+    };
+  }, [f]), /* @__PURE__ */ v("div", { ref: f, className: l("relative w-full", a), children: [
+    /* @__PURE__ */ v(
+      C,
+      {
+        ref: O,
+        className: l(
+          "flex gap-2 items-center justify-between w-full",
+          e
+        ),
+        onClick: j,
+        children: [
+          "Download Invoice as",
+          /* @__PURE__ */ p(
+            g,
+            {
+              className: l({
+                "transform rotate-180": o,
+                "transition-transform duration-200": !0
+              })
+            }
+          )
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ p(
+      "ul",
+      {
+        className: l(
+          "absolute z-10 mt-1 w-full bg-white border border-gray-200 rounded shadow-xs animate-in fade-in-0 py-2",
+          t
+        ),
+        children: r.map((i, u) => /* @__PURE__ */ p(
+          "li",
+          {
+            className: l(
+              "hover:bg-gray-50 px-6 py-1.5 hover:cursor-pointer",
+              n
+            ),
+            onClick: () => x(i.onClick),
+            children: i.label
+          },
+          u
+        ))
+      }
+    )
+  ] });
+};
+export {
+  T as DropdownButton
+};

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -5,7 +5,7 @@ import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
 import { cn as n } from "../../../../utils/index.js";
 import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
 import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
-import { C as O } from "../../../../chevron-down-UW8ts6wI.js";
+import { C as O } from "../../../../chevron-down-1hnuqhTt.js";
 const $ = ({
   options: i,
   label: p,

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js

@@ -5,7 +5,7 @@ import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
 import { cn as o } from "../../../../utils/index.js";
 import { filterButtonIconVariants as x, filterButtonVariants as N } from "../../Filter.variants.js";
 import { useDateFilterDropdown as b } from "./DateFilterDropdown.hook.js";
-import { C as y } from "../../../../chevron-down-UW8ts6wI.js";
+import { C as y } from "../../../../chevron-down-1hnuqhTt.js";
 const R = ({
   label: p,
   position: l = "left",

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,18 +1,24 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Button as o } from "../../../Button/Button.js";
-import { resetEvent as r } from "../../events/index.js";
-const i = ({ disabled: t }) => /* @__PURE__ */ e(
-  o,
-  {
-    type: "button",
-    variant: "text",
-    appearance: "compact",
-    version: "alternate",
-    onClick: r,
-    disabled: t,
-    children: "Reset"
-  }
-);
+import { jsx as o } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import { Button as m } from "../../../Button/Button.js";
+import { resetEvent as n } from "../../events/index.js";
+const f = ({ disabled: e, onClick: t }) => {
+  const r = a(() => {
+    n(), t == null || t();
+  }, [t]);
+  return /* @__PURE__ */ o(
+    m,
+    {
+      type: "button",
+      variant: "text",
+      appearance: "compact",
+      version: "alternate",
+      onClick: r,
+      disabled: e,
+      children: "Reset"
+    }
+  );
+};
 export {
-  i as ResetButton
+  f as ResetButton
 };

package/dist/components/Loading/Loading.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as c } from "../../utils/index.js";
 import { loadingVariants as i } from "./Loading.variants.js";
-import { c as t } from "../../createLucideIcon-ByJ0JZvK.js";
+import { c as t } from "../../createLucideIcon-qZIN4i94.js";
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -3,7 +3,7 @@ import { useId as y, useState as E, useRef as O, useCallback as I, useEffect as
 import { cn as d } from "../../../../utils/index.js";
 import { timePickerVariants as j } from "../../TimePicker.variants.js";
 import { WrapperList as P } from "../WrapperList/WrapperList.js";
-import { C as R } from "../../../../chevron-down-UW8ts6wI.js";
+import { C as R } from "../../../../chevron-down-1hnuqhTt.js";
 import { useTimePickerContext as T } from "../../contexts/time-picker.hook.js";
 const $ = ({
   name: p,

package/dist/{createLucideIcon-ByJ0JZvK.js → createLucideIcon-qZIN4i94.js}

@@ -1,6 +1,6 @@
 import { forwardRef as l, createElement as n } from "react";
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -17,7 +17,7 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
       return !0;
 };
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -34,7 +34,7 @@ var g = {
   strokeLinejoin: "round"
 };
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -69,7 +69,7 @@ const A = l(
   )
 );
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/index.d.ts

@@ -15,6 +15,7 @@ import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import * as ReactTabs from '@radix-ui/react-tabs';
+import { Ref } from 'react';
 import { RefAttributes } from 'react';
 import { SliderProps } from '@radix-ui/react-slider';
 import { VariantProps } from 'class-variance-authority';
@@ -122,6 +123,7 @@ declare type ButtonCancelProps = ButtonBaseProps;
 declare type ButtonConfirmProps = ButtonBaseProps;
 
 declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>, VariantProps<typeof buttonVariants> {
+    ref?: Ref<HTMLButtonElement>;
     asChild?: boolean;
     disabled?: boolean;
     theme?: Theme;
@@ -499,6 +501,7 @@ declare const rangeVariants: (props?: ClassProp | undefined) => string;
 
 declare type ResetButtonProps = {
     disabled?: boolean;
+    onClick?: VoidFunction;
 };
 
 declare interface RowProps extends React.HTMLAttributes<HTMLTableRowElement>, PropsWithChildren, VariantProps<typeof rowVariants> {

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.0-alpha.12",
+  "version": "0.1.0-alpha.14",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -69,12 +69,12 @@
     "cmdk": "^1.1.1",
     "countries-and-timezones": "^3.8.0",
     "js-cookie": "^3.0.5",
-    "lucide-react": "^0.513.0",
-    "react-day-picker": "^9.7.0",
+    "lucide-react": "^0.525.0",
+    "react-day-picker": "^9.8.0",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.6",
     "react-remove-scroll": "^2.7.1",
-    "tailwind-merge": "^3.3.0"
+    "tailwind-merge": "^3.3.1"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -106,37 +106,37 @@
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-docs": "^9.1.0-alpha.3",
-    "@storybook/addon-links": "^9.1.0-alpha.3",
-    "@storybook/react-vite": "^9.1.0-alpha.3",
-    "@tailwindcss/vite": "^4.1.8",
+    "@storybook/addon-docs": "^9.1.0-alpha.6",
+    "@storybook/addon-links": "^9.1.0-alpha.6",
+    "@storybook/react-vite": "^9.1.0-alpha.6",
+    "@tailwindcss/vite": "^4.1.11",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.17",
-    "@types/react": "^19.1.6",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.34.0",
-    "@typescript-eslint/parser": "^8.34.0",
-    "@vitejs/plugin-react": "^4.5.1",
-    "@vitest/coverage-v8": "^3.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.35.1",
+    "@typescript-eslint/parser": "^8.35.1",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/coverage-v8": "^3.2.4",
     "autoprefixer": "^10.4.21",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^9.1.0-alpha.3",
-    "glob": "^11.0.2",
+    "eslint-plugin-storybook": "^9.1.0-alpha.6",
+    "glob": "^11.0.3",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
     "jsdom": "^26.1.0",
     "lodash": "^4.17.21",
-    "postcss": "^8.5.4",
-    "prettier": "^3.5.3",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
-    "storybook": "^9.1.0-alpha.3",
-    "tailwindcss": "^4.1.8",
+    "storybook": "^9.1.0-alpha.6",
+    "tailwindcss": "^4.1.11",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
@@ -144,7 +144,7 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.3"
+    "vitest": "^3.2.4"
   },
   "overrides": {
     "storybook": "$storybook"