@rafal.lemieszewski/tide-ui 0.86.0 → 0.87.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("react"),d=require("../../lib/utils.cjs"),r=require("lucide-react"),v={primary:"text-[var(--color-icon-primary)]",secondary:"text-[var(--color-icon-secondary)]",tertiary:"text-[var(--color-icon-tertiary)]","tertiary-hover":"text-[var(--color-icon-tertiary-hovered)]",disabled:"text-[var(--color-icon-disabled)]","neutral-selected":"text-[var(--color-icon-neutral-bold-selected)]",information:"text-[var(--color-icon-info-bold)]",success:"text-[var(--color-icon-success-bold)]",error:"text-[var(--color-icon-error-bold)]",warning:"text-[var(--color-icon-warning-bold)]",selected:"text-[var(--color-icon-brand-bold-selected)]",brand:"text-[var(--color-icon-brand-bold)]","brand-hover":"text-[var(--color-icon-brand-bold-hovered)]","on-action":"text-[var(--color-icon-on-action)]",inverse:"text-[var(--color-icon-inverse)]",violet:"text-[var(--violet-500)]"},x={s:"w-[var(--size-3xs)] h-[var(--size-3xs)]",m:"w-[var(--size-2xs)] h-[var(--size-2xs)]",l:"w-[var(--size-xs)] h-[var(--size-xs)]",xl:"w-[var(--size-s)] h-[var(--size-s)]"},u={"alert-circle":r.AlertCircle,anchor:r.Anchor,archive:r.Archive,"arrow-down":r.ArrowDown,"arrow-down-0-1":r.ArrowDown01,"arrow-down-1-0":r.ArrowDown10,"arrow-down-a-z":r.ArrowDownAZ,"arrow-down-narrow-wide":r.ArrowDownNarrowWide,"arrow-down-to-line":r.ArrowDownToLine,"arrow-down-wide-narrow":r.ArrowDownWideNarrow,"arrow-down-z-a":r.ArrowDownZA,"arrow-left":r.ArrowLeft,"arrow-left-to-line":r.ArrowLeftToLine,"arrow-right":r.ArrowRight,"arrow-right-to-line":r.ArrowRightToLine,"arrow-up":r.ArrowUp,"arrow-up-to-line":r.ArrowUpToLine,bookmark:r.Bookmark,"calendar-days":r.CalendarDays,check:r.Check,"check-circle":r.CheckCircle,"chevron-down":r.ChevronDown,"chevron-left":r.ChevronLeft,"chevron-right":r.ChevronRight,"chevron-up":r.ChevronUp,circle:r.Circle,"circle-alert":r.CircleAlert,"circle-check":r.CircleCheck,"circle-check-big":r.CircleCheckBig,"circle-dollar-sign":r.CircleDollarSign,"circle-help":r.CircleHelp,code:r.Code,copy:r.Copy,"credit-card":r.CreditCard,dot:r.Dot,download:r.Download,edit:r.Edit,ellipsis:r.Ellipsis,"external-link":r.ExternalLink,eye:r.Eye,"file-text":r.FileText,filter:r.Filter,"grid-2x2-plus":r.Grid2X2Plus,handshake:r.Handshake,info:r.Info,"layout-dashboard":r.LayoutDashboard,link:r.Link,"list-filter":r.ListFilter,"loader-2":r.Loader2,"log-out":r.LogOut,mail:r.Mail,"map-pin":r.MapPin,"message-circle":r.MessageCircle,"message-square":r.MessageSquare,"more-horizontal":r.MoreHorizontal,navigation:r.Navigation,package:r.Package,"panel-left":r.PanelLeft,"panel-right-close":r.PanelRightClose,pencil:r.Pencil,plus:r.Plus,"plus-circle":r.PlusCircle,"refresh-cw":r.RefreshCw,"rotate-ccw":r.RotateCcw,route:r.Route,search:r.Search,send:r.Send,settings:r.Settings,share:r.Share,"share-2":r.Share2,"shield-check":r.ShieldCheck,ship:r.Ship,sparkles:r.Sparkles,"square-plus":r.SquarePlus,star:r.Star,"table-2":r.Table2,"text-cursor-input":r.TextCursorInput,trash:r.Trash,"trash-2":r.Trash2,"triangle-alert":r.TriangleAlert,truck:r.Truck,upload:r.Upload,user:r.User,users:r.Users,weight:r.Weight,x:r.X},g=C.forwardRef(({name:o,size:p="m",color:h,className:t,"aria-label":i,...n},w)=>{const c=h?v[h]:"text-current",a=x[p],l=i?{"aria-label":i,role:"img"}:{"aria-hidden":!0};if(typeof o!="string"){const s=o;return e.jsx(s,{className:d.cn("shrink-0",a,c,t),...l,...n})}if(o in u){const s=u[o];return e.jsx(s,{ref:w,className:d.cn("shrink-0",a,c,t),...l,...n})}return console.warn(`Icon "${o}" not found in the static icon map. Use a component reference for tree-shaking or add to commonLucideIcons.`),e.jsxs("svg",{ref:w,viewBox:"0 0 24 24",fill:"none",className:d.cn("shrink-0",a,c,t),...l,...n,children:[i&&e.jsx("title",{children:i}),e.jsx("rect",{x:"2",y:"2",width:"20",height:"20",stroke:"currentColor",strokeWidth:"2",fill:"none"}),e.jsx("text",{x:"12",y:"16",textAnchor:"middle",fontSize:"12",fill:"currentColor",children:"?"})]})});g.displayName="Icon";exports.Icon=g;exports.iconColors=v;exports.iconSizes=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),d=require("../../lib/utils.cjs"),r=require("lucide-react"),x={primary:"text-[var(--color-icon-primary)]",secondary:"text-[var(--color-icon-secondary)]",tertiary:"text-[var(--color-icon-tertiary)]","tertiary-hover":"text-[var(--color-icon-tertiary-hovered)]",disabled:"text-[var(--color-icon-disabled)]","neutral-selected":"text-[var(--color-icon-neutral-bold-selected)]",information:"text-[var(--color-icon-info-bold)]",success:"text-[var(--color-icon-success-bold)]",error:"text-[var(--color-icon-error-bold)]",warning:"text-[var(--color-icon-warning-bold)]",selected:"text-[var(--color-icon-brand-bold-selected)]",brand:"text-[var(--color-icon-brand-bold)]","brand-hover":"text-[var(--color-icon-brand-bold-hovered)]","on-action":"text-[var(--color-icon-on-action)]",inverse:"text-[var(--color-icon-inverse)]",violet:"text-[var(--violet-500)]"},u={s:"w-[var(--size-3xs)] h-[var(--size-3xs)]",m:"w-[var(--size-2xs)] h-[var(--size-2xs)]",l:"w-[var(--size-xs)] h-[var(--size-xs)]",xl:"w-[var(--size-s)] h-[var(--size-s)]"},w={"alert-circle":r.AlertCircle,"arrow-down-narrow-wide":r.ArrowDownNarrowWide,"arrow-down-to-line":r.ArrowDownToLine,"arrow-down-wide-narrow":r.ArrowDownWideNarrow,"arrow-left":r.ArrowLeft,"arrow-left-to-line":r.ArrowLeftToLine,"arrow-right":r.ArrowRight,"arrow-right-to-line":r.ArrowRightToLine,"arrow-up-to-line":r.ArrowUpToLine,bookmark:r.Bookmark,check:r.Check,"chevron-down":r.ChevronDown,"chevron-left":r.ChevronLeft,"chevron-right":r.ChevronRight,"chevron-up":r.ChevronUp,circle:r.Circle,"circle-alert":r.CircleAlert,"circle-check":r.CircleCheck,"circle-help":r.CircleHelp,"external-link":r.ExternalLink,filter:r.Filter,info:r.Info,"list-filter":r.ListFilter,"loader-2":r.Loader2,"more-horizontal":r.MoreHorizontal,"panel-left":r.PanelLeft,pencil:r.Pencil,"plus-circle":r.PlusCircle,"rotate-ccw":r.RotateCcw,search:r.Search,star:r.Star,"trash-2":r.Trash2,"triangle-alert":r.TriangleAlert,x:r.X},f=b.forwardRef(({name:o,size:C="m",color:h,className:n,"aria-label":t,...i},v)=>{const c=h?x[h]:"text-current",l=u[C],a=t?{"aria-label":t,role:"img"}:{"aria-hidden":!0};if(typeof o!="string"){const s=o;return e.jsx(s,{className:d.cn("shrink-0",l,c,n),...a,...i})}if(o in w){const s=w[o];return e.jsx(s,{ref:v,className:d.cn("shrink-0",l,c,n),...a,...i})}return console.warn(`Icon "${o}" not found in the static icon map. Use a component reference instead: <Icon name={YourIcon} />`),e.jsxs("svg",{ref:v,viewBox:"0 0 24 24",fill:"none",className:d.cn("shrink-0",l,c,n),...a,...i,children:[t&&e.jsx("title",{children:t}),e.jsx("rect",{x:"2",y:"2",width:"20",height:"20",stroke:"currentColor",strokeWidth:"2",fill:"none"}),e.jsx("text",{x:"12",y:"16",textAnchor:"middle",fontSize:"12",fill:"currentColor",children:"?"})]})});f.displayName="Icon";exports.Icon=f;exports.iconColors=x;exports.iconSizes=u;
@@ -1,8 +1,8 @@
1
- import { jsx as e, jsxs as v } from "react/jsx-runtime";
2
- import p from "react";
3
- import { cn as l } from "../../lib/utils.js";
4
- import { X as x, Weight as g, Users as C, User as f, Upload as k, Truck as m, TriangleAlert as A, Trash2 as b, Trash as y, TextCursorInput as z, Table2 as S, Star as D, SquarePlus as L, Sparkles as T, Ship as P, ShieldCheck as R, Share2 as I, Share as N, Settings as U, Send as M, Search as q, Route as E, RotateCcw as W, RefreshCw as B, PlusCircle as F, Plus as H, Pencil as j, PanelRightClose as X, PanelLeft as Z, Package as _, Navigation as G, MoreHorizontal as O, MessageSquare as $, MessageCircle as J, MapPin as K, Mail as Q, LogOut as V, Loader2 as Y, ListFilter as rr, Link as er, LayoutDashboard as or, Info as ir, Handshake as tr, Grid2X2Plus as nr, Filter as ar, FileText as cr, Eye as lr, ExternalLink as sr, Ellipsis as dr, Edit as hr, Download as wr, Dot as ur, CreditCard as vr, Copy as pr, Code as xr, CircleHelp as gr, CircleDollarSign as Cr, CircleCheckBig as fr, CircleCheck as kr, CircleAlert as mr, Circle as Ar, ChevronUp as br, ChevronRight as yr, ChevronLeft as zr, ChevronDown as Sr, CheckCircle as Dr, Check as Lr, CalendarDays as Tr, Bookmark as Pr, ArrowUpToLine as Rr, ArrowUp as Ir, ArrowRightToLine as Nr, ArrowRight as Ur, ArrowLeftToLine as Mr, ArrowLeft as qr, ArrowDownZA as Er, ArrowDownWideNarrow as Wr, ArrowDownToLine as Br, ArrowDownNarrowWide as Fr, ArrowDownAZ as Hr, ArrowDown10 as jr, ArrowDown01 as Xr, ArrowDown as Zr, Archive as _r, Anchor as Gr, AlertCircle as Or } from "lucide-react";
5
- const $r = {
1
+ import { jsx as o, jsxs as x } from "react/jsx-runtime";
2
+ import f from "react";
3
+ import { cn as a } from "../../lib/utils.js";
4
+ import { X as m, TriangleAlert as C, Trash2 as u, Star as p, Search as b, RotateCcw as k, PlusCircle as g, Pencil as y, PanelLeft as z, MoreHorizontal as A, Loader2 as L, ListFilter as I, Info as N, Filter as R, ExternalLink as T, CircleHelp as S, CircleCheck as D, CircleAlert as P, Circle as U, ChevronUp as W, ChevronRight as j, ChevronLeft as B, ChevronDown as F, Check as H, Bookmark as _, ArrowUpToLine as E, ArrowRightToLine as M, ArrowRight as X, ArrowLeftToLine as Y, ArrowLeft as $, ArrowDownWideNarrow as q, ArrowDownToLine as G, ArrowDownNarrowWide as J, AlertCircle as K } from "lucide-react";
5
+ const O = {
6
6
  primary: "text-[var(--color-icon-primary)]",
7
7
  secondary: "text-[var(--color-icon-secondary)]",
8
8
  tertiary: "text-[var(--color-icon-tertiary)]",
@@ -19,7 +19,7 @@ const $r = {
19
19
  "on-action": "text-[var(--color-icon-on-action)]",
20
20
  inverse: "text-[var(--color-icon-inverse)]",
21
21
  violet: "text-[var(--violet-500)]"
22
- }, Jr = {
22
+ }, Q = {
23
23
  s: "w-[var(--size-3xs)] h-[var(--size-3xs)]",
24
24
  // 12px
25
25
  m: "w-[var(--size-2xs)] h-[var(--size-2xs)]",
@@ -28,136 +28,84 @@ const $r = {
28
28
  // 20px
29
29
  xl: "w-[var(--size-s)] h-[var(--size-s)]"
30
30
  // 24px
31
- }, w = {
32
- "alert-circle": Or,
33
- anchor: Gr,
34
- archive: _r,
35
- "arrow-down": Zr,
36
- "arrow-down-0-1": Xr,
37
- "arrow-down-1-0": jr,
38
- "arrow-down-a-z": Hr,
39
- "arrow-down-narrow-wide": Fr,
40
- "arrow-down-to-line": Br,
41
- "arrow-down-wide-narrow": Wr,
42
- "arrow-down-z-a": Er,
43
- "arrow-left": qr,
44
- "arrow-left-to-line": Mr,
45
- "arrow-right": Ur,
46
- "arrow-right-to-line": Nr,
47
- "arrow-up": Ir,
48
- "arrow-up-to-line": Rr,
49
- bookmark: Pr,
50
- "calendar-days": Tr,
51
- check: Lr,
52
- "check-circle": Dr,
53
- "chevron-down": Sr,
54
- "chevron-left": zr,
55
- "chevron-right": yr,
56
- "chevron-up": br,
57
- circle: Ar,
58
- "circle-alert": mr,
59
- "circle-check": kr,
60
- "circle-check-big": fr,
61
- "circle-dollar-sign": Cr,
62
- "circle-help": gr,
63
- code: xr,
64
- copy: pr,
65
- "credit-card": vr,
66
- dot: ur,
67
- download: wr,
68
- edit: hr,
69
- ellipsis: dr,
70
- "external-link": sr,
71
- eye: lr,
72
- "file-text": cr,
73
- filter: ar,
74
- "grid-2x2-plus": nr,
75
- handshake: tr,
76
- info: ir,
77
- "layout-dashboard": or,
78
- link: er,
79
- "list-filter": rr,
80
- "loader-2": Y,
81
- "log-out": V,
82
- mail: Q,
83
- "map-pin": K,
84
- "message-circle": J,
85
- "message-square": $,
86
- "more-horizontal": O,
87
- navigation: G,
88
- package: _,
89
- "panel-left": Z,
90
- "panel-right-close": X,
91
- pencil: j,
92
- plus: H,
93
- "plus-circle": F,
94
- "refresh-cw": B,
95
- "rotate-ccw": W,
96
- route: E,
97
- search: q,
98
- send: M,
99
- settings: U,
100
- share: N,
101
- "share-2": I,
102
- "shield-check": R,
103
- ship: P,
104
- sparkles: T,
105
- "square-plus": L,
106
- star: D,
107
- "table-2": S,
108
- "text-cursor-input": z,
109
- trash: y,
110
- "trash-2": b,
111
- "triangle-alert": A,
112
- truck: m,
113
- upload: k,
114
- user: f,
115
- users: C,
116
- weight: g,
117
- x
118
- }, Kr = /* @__PURE__ */ p.forwardRef(
31
+ }, v = {
32
+ "alert-circle": K,
33
+ "arrow-down-narrow-wide": J,
34
+ "arrow-down-to-line": G,
35
+ "arrow-down-wide-narrow": q,
36
+ "arrow-left": $,
37
+ "arrow-left-to-line": Y,
38
+ "arrow-right": X,
39
+ "arrow-right-to-line": M,
40
+ "arrow-up-to-line": E,
41
+ bookmark: _,
42
+ check: H,
43
+ "chevron-down": F,
44
+ "chevron-left": B,
45
+ "chevron-right": j,
46
+ "chevron-up": W,
47
+ circle: U,
48
+ "circle-alert": P,
49
+ "circle-check": D,
50
+ "circle-help": S,
51
+ "external-link": T,
52
+ filter: R,
53
+ info: N,
54
+ "list-filter": I,
55
+ "loader-2": L,
56
+ "more-horizontal": A,
57
+ "panel-left": z,
58
+ pencil: y,
59
+ "plus-circle": g,
60
+ "rotate-ccw": k,
61
+ search: b,
62
+ star: p,
63
+ "trash-2": u,
64
+ "triangle-alert": C,
65
+ x: m
66
+ }, V = /* @__PURE__ */ f.forwardRef(
119
67
  ({
120
68
  name: r,
121
- size: u = "m",
69
+ size: w = "m",
122
70
  color: s,
123
- className: i,
124
- "aria-label": o,
125
- ...t
71
+ className: t,
72
+ "aria-label": e,
73
+ ...i
126
74
  }, d) => {
127
- const n = s ? $r[s] : "text-current", a = Jr[u], c = o ? { "aria-label": o, role: "img" } : { "aria-hidden": !0 };
75
+ const n = s ? O[s] : "text-current", c = Q[w], l = e ? { "aria-label": e, role: "img" } : { "aria-hidden": !0 };
128
76
  if (typeof r != "string")
129
- return /* @__PURE__ */ e(
77
+ return /* @__PURE__ */ o(
130
78
  r,
131
79
  {
132
- className: l("shrink-0", a, n, i),
133
- ...c,
134
- ...t
80
+ className: a("shrink-0", c, n, t),
81
+ ...l,
82
+ ...i
135
83
  }
136
84
  );
137
- if (r in w) {
138
- const h = w[r];
139
- return /* @__PURE__ */ e(
85
+ if (r in v) {
86
+ const h = v[r];
87
+ return /* @__PURE__ */ o(
140
88
  h,
141
89
  {
142
90
  ref: d,
143
- className: l("shrink-0", a, n, i),
144
- ...c,
145
- ...t
91
+ className: a("shrink-0", c, n, t),
92
+ ...l,
93
+ ...i
146
94
  }
147
95
  );
148
96
  }
149
- return console.warn(`Icon "${r}" not found in the static icon map. Use a component reference for tree-shaking or add to commonLucideIcons.`), /* @__PURE__ */ v(
97
+ return console.warn(`Icon "${r}" not found in the static icon map. Use a component reference instead: <Icon name={YourIcon} />`), /* @__PURE__ */ x(
150
98
  "svg",
151
99
  {
152
100
  ref: d,
153
101
  viewBox: "0 0 24 24",
154
102
  fill: "none",
155
- className: l("shrink-0", a, n, i),
156
- ...c,
157
- ...t,
103
+ className: a("shrink-0", c, n, t),
104
+ ...l,
105
+ ...i,
158
106
  children: [
159
- o && /* @__PURE__ */ e("title", { children: o }),
160
- /* @__PURE__ */ e(
107
+ e && /* @__PURE__ */ o("title", { children: e }),
108
+ /* @__PURE__ */ o(
161
109
  "rect",
162
110
  {
163
111
  x: "2",
@@ -169,7 +117,7 @@ const $r = {
169
117
  fill: "none"
170
118
  }
171
119
  ),
172
- /* @__PURE__ */ e(
120
+ /* @__PURE__ */ o(
173
121
  "text",
174
122
  {
175
123
  x: "12",
@@ -185,9 +133,9 @@ const $r = {
185
133
  );
186
134
  }
187
135
  );
188
- Kr.displayName = "Icon";
136
+ V.displayName = "Icon";
189
137
  export {
190
- Kr as Icon,
191
- $r as iconColors,
192
- Jr as iconSizes
138
+ V as Icon,
139
+ O as iconColors,
140
+ Q as iconSizes
193
141
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rafal.lemieszewski/tide-ui",
3
- "version": "0.86.0",
3
+ "version": "0.87.0",
4
4
  "description": "A comprehensive React component library built with Tailwind CSS and Radix UI primitives",
5
5
  "type": "module",
6
6
  "main": "./dist/cjs/lib/index.cjs",