@vacano/ui 1.12.1 → 1.14.0

package/README.md

@@ -7,7 +7,7 @@
 </p>
 
 <p align="center">
-  <img src="https://img.shields.io/badge/version-1.12.1-blue" />
+  <img src="https://img.shields.io/badge/version-1.14.0-blue" />
   <a href="https://www.npmjs.com/package/@vacano/ui"><img src="https://img.shields.io/npm/v/@vacano/ui" alt="npm version" /></a>
   <a href="https://github.com/vacano-house/vacano-ui/blob/master/LICENSE.md"><img src="https://img.shields.io/npm/l/@vacano/ui" alt="license" /></a>
 </p>
@@ -19,7 +19,7 @@
 
 ## Features
 
-- **39+ Components** - Form controls, data display, feedback, layout, navigation, and utility components
+- **50+ Components** - Form controls, data display, feedback, layout, navigation, and utility components
 - **1800+ Icons** - Lucide icon components included
 - **TypeScript** - Full TypeScript support with strict typing
 - **Emotion CSS-in-JS** - Styled components with transient props
@@ -58,26 +58,27 @@ function App() {
 | `@vacano/ui` | Main components |
 | `@vacano/ui/icons` | Lucide icon components |
 | `@vacano/ui/lib` | Utilities, hooks, constants, and types |
+| `@vacano/ui/form` | react-hook-form wrappers (FormInput, FormSelect, etc.) |
 
 ## Components
 
 ### Form
-Autocomplete, Button, Checkbox, CheckboxCard, CheckboxGroup, DatePicker, EditableText, Input, MultiSelect, OtpCode, Radio, RadioCard, RadioGroup, Select, Tags, Textarea
+Autocomplete, Button, Checkbox, CheckboxCard, CheckboxGroup, DatePicker, FileUpload, Input, MultiSelect, OtpCode, Radio, RadioCard, RadioGroup, Select, Tags, Textarea, Toggle, ToggleCard, ToggleGroup
 
 ### Data Display
-Card, Chip, Progress, StatusCard, Tabs
+Badge, Card, Chip, DateRange, Hashtag, Heading, Overline, Progress, Stat, Tabs, User
 
 ### Feedback
-Confirmation, Modal, Drawer, Notification, SaveProgress, Spinner, Toastr, Tooltip
+Confirmation, Modal, Drawer, Notification, NotifyConfirmation, SaveProgress, Spinner, Toastr, Tooltip
 
 ### Layout
-Container, Panel
+Container, Divider, Panel
 
 ### Navigation
-Dropdown, Stepper
+Breadcrumbs, Dropdown, Pagination, Stepper
 
 ### Utility
-FieldLabel, FieldMessage, GlobalStyle, ImageCropper, KeysBindings, KeySymbol
+FieldLabel, FieldMessage, FieldRow, GlobalStyle, ImageCropper, KeysBindings, KeySymbol
 
 ## Icons
 

package/dist/CircleX-BzaN6v37.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./X-CI1qRJDP.cjs"),t=({className:c,size:e=r.DEFAULT_LUCIDE_PROP_SIZE,...s})=>r.jsx("svg",{width:e,height:e,className:r.css("circle",c),...s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:r.jsx("circle",{cx:"12",cy:"12",r:"10"})}),o=({className:c,size:e=r.DEFAULT_LUCIDE_PROP_SIZE,...s})=>r.jsxs("svg",{width:e,height:e,className:r.css("circle-check",c),...s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsx("circle",{cx:"12",cy:"12",r:"10"}),r.jsx("path",{d:"m9 12 2 2 4-4"})]}),i=({className:c,size:e=r.DEFAULT_LUCIDE_PROP_SIZE,...s})=>r.jsxs("svg",{width:e,height:e,className:r.css("circle-x",c),...s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsx("circle",{cx:"12",cy:"12",r:"10"}),r.jsx("path",{d:"m15 9-6 6"}),r.jsx("path",{d:"m9 9 6 6"})]});exports.Circle=t;exports.CircleCheck=o;exports.CircleX=i;
+//# sourceMappingURL=CircleX-BzaN6v37.cjs.map

package/dist/CircleX-BzaN6v37.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleX-BzaN6v37.cjs","sources":["../src/icons/Lucide/components/Circle.tsx","../src/icons/Lucide/components/CircleCheck.tsx","../src/icons/Lucide/components/CircleX.tsx"],"sourcesContent":["import { DEFAULT_LUCIDE_PROP_SIZE } from '../constants'\nimport { css } from '../helpers'\nimport { IconLucideProps } from '../types'\n\nexport const Circle = ({\n  className,\n  size = DEFAULT_LUCIDE_PROP_SIZE,\n  ...rest\n}: IconLucideProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      className={css('circle', className)}\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    </svg>\n  )\n}\n","import { DEFAULT_LUCIDE_PROP_SIZE } from '../constants'\nimport { css } from '../helpers'\nimport { IconLucideProps } from '../types'\n\nexport const CircleCheck = ({\n  className,\n  size = DEFAULT_LUCIDE_PROP_SIZE,\n  ...rest\n}: IconLucideProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      className={css('circle-check', className)}\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m9 12 2 2 4-4\" />\n    </svg>\n  )\n}\n","import { DEFAULT_LUCIDE_PROP_SIZE } from '../constants'\nimport { css } from '../helpers'\nimport { IconLucideProps } from '../types'\n\nexport const CircleX = ({\n  className,\n  size = DEFAULT_LUCIDE_PROP_SIZE,\n  ...rest\n}: IconLucideProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      className={css('circle-x', className)}\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m15 9-6 6\" />\n      <path d=\"m9 9 6 6\" />\n    </svg>\n  )\n}\n"],"names":["Circle","className","size","DEFAULT_LUCIDE_PROP_SIZE","rest","jsx","css","CircleCheck","jsxs","CircleX"],"mappings":"iDAIaA,EAAS,CAAC,CACrB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,yBACP,GAAGC,CACL,IAEIC,EAAAA,IAAC,MAAA,CACC,MAAOH,EACP,OAAQA,EACR,UAAWI,EAAAA,IAAI,SAAUL,CAAS,EACjC,GAAGG,EACJ,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,eAAC,SAAA,CAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAA,CAAK,CAAA,CAAA,ECnBxBG,EAAc,CAAC,CAC1B,UAAAN,EACA,KAAAC,EAAOC,EAAAA,yBACP,GAAGC,CACL,IAEII,EAAAA,KAAC,MAAA,CACC,MAAON,EACP,OAAQA,EACR,UAAWI,EAAAA,IAAI,eAAgBL,CAAS,EACvC,GAAGG,EACJ,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,SAAA,CAAAC,MAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,EAC/BA,EAAAA,IAAC,OAAA,CAAK,EAAE,eAAA,CAAgB,CAAA,CAAA,CAAA,ECpBjBI,EAAU,CAAC,CACtB,UAAAR,EACA,KAAAC,EAAOC,EAAAA,yBACP,GAAGC,CACL,IAEII,EAAAA,KAAC,MAAA,CACC,MAAON,EACP,OAAQA,EACR,UAAWI,EAAAA,IAAI,WAAYL,CAAS,EACnC,GAAGG,EACJ,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,SAAA,CAAAC,MAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,EAC/BA,EAAAA,IAAC,OAAA,CAAK,EAAE,WAAA,CAAY,EACpBA,EAAAA,IAAC,OAAA,CAAK,EAAE,UAAA,CAAW,CAAA,CAAA,CAAA"}

package/dist/CircleX-RQVijA2m.js

@@ -0,0 +1,75 @@
+import { j as e, c as t, D as s, a as n } from "./X-DAuAfjix.js";
+const l = ({
+  className: o,
+  size: r = s,
+  ...c
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: r,
+    height: r,
+    className: t("circle", o),
+    ...c,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" })
+  }
+), h = ({
+  className: o,
+  size: r = s,
+  ...c
+}) => /* @__PURE__ */ n(
+  "svg",
+  {
+    width: r,
+    height: r,
+    className: t("circle-check", o),
+    ...c,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ e("path", { d: "m9 12 2 2 4-4" })
+    ]
+  }
+), a = ({
+  className: o,
+  size: r = s,
+  ...c
+}) => /* @__PURE__ */ n(
+  "svg",
+  {
+    width: r,
+    height: r,
+    className: t("circle-x", o),
+    ...c,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ e("path", { d: "m15 9-6 6" }),
+      /* @__PURE__ */ e("path", { d: "m9 9 6 6" })
+    ]
+  }
+);
+export {
+  l as C,
+  a,
+  h as b
+};
+//# sourceMappingURL=CircleX-RQVijA2m.js.map

package/dist/CircleX-RQVijA2m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleX-RQVijA2m.js","sources":["../src/icons/Lucide/components/Circle.tsx","../src/icons/Lucide/components/CircleCheck.tsx","../src/icons/Lucide/components/CircleX.tsx"],"sourcesContent":["import { DEFAULT_LUCIDE_PROP_SIZE } from '../constants'\nimport { css } from '../helpers'\nimport { IconLucideProps } from '../types'\n\nexport const Circle = ({\n  className,\n  size = DEFAULT_LUCIDE_PROP_SIZE,\n  ...rest\n}: IconLucideProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      className={css('circle', className)}\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    </svg>\n  )\n}\n","import { DEFAULT_LUCIDE_PROP_SIZE } from '../constants'\nimport { css } from '../helpers'\nimport { IconLucideProps } from '../types'\n\nexport const CircleCheck = ({\n  className,\n  size = DEFAULT_LUCIDE_PROP_SIZE,\n  ...rest\n}: IconLucideProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      className={css('circle-check', className)}\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m9 12 2 2 4-4\" />\n    </svg>\n  )\n}\n","import { DEFAULT_LUCIDE_PROP_SIZE } from '../constants'\nimport { css } from '../helpers'\nimport { IconLucideProps } from '../types'\n\nexport const CircleX = ({\n  className,\n  size = DEFAULT_LUCIDE_PROP_SIZE,\n  ...rest\n}: IconLucideProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      className={css('circle-x', className)}\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m15 9-6 6\" />\n      <path d=\"m9 9 6 6\" />\n    </svg>\n  )\n}\n"],"names":["Circle","className","size","DEFAULT_LUCIDE_PROP_SIZE","rest","jsx","css","CircleCheck","jsxs","CircleX"],"mappings":";AAIO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC,IAAOC;AAAA,EACP,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,WAAWI,EAAI,UAAUL,CAAS;AAAA,IACjC,GAAGG;AAAA,IACJ,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IAEf,4BAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAA,CAAK;AAAA,EAAA;AAAA,GCnBxBG,IAAc,CAAC;AAAA,EAC1B,WAAAN;AAAA,EACA,MAAAC,IAAOC;AAAA,EACP,GAAGC;AACL,MAEI,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAON;AAAA,IACP,QAAQA;AAAA,IACR,WAAWI,EAAI,gBAAgBL,CAAS;AAAA,IACvC,GAAGG;AAAA,IACJ,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IAEf,UAAA;AAAA,MAAA,gBAAAC,EAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,MAC/B,gBAAAA,EAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;AAAA,IAAA;AAAA,EAAA;AAAA,GCpBjBI,IAAU,CAAC;AAAA,EACtB,WAAAR;AAAA,EACA,MAAAC,IAAOC;AAAA,EACP,GAAGC;AACL,MAEI,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAON;AAAA,IACP,QAAQA;AAAA,IACR,WAAWI,EAAI,YAAYL,CAAS;AAAA,IACnC,GAAGG;AAAA,IACJ,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IAEf,UAAA;AAAA,MAAA,gBAAAC,EAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,MAC/B,gBAAAA,EAAC,QAAA,EAAK,GAAE,YAAA,CAAY;AAAA,MACpB,gBAAAA,EAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAAA;"}