@acronis-platform/ui-react 0.27.0 → 0.29.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.
Files changed (15) hide show
  1. package/dist/components/ui/input-search/input-search.js +57 -0
  2. package/dist/components/ui/input-search/input-search.js.map +1 -0
  3. package/dist/components/ui/input-text/input-text.js +87 -0
  4. package/dist/components/ui/input-text/input-text.js.map +1 -0
  5. package/dist/index.js +77 -73
  6. package/dist/index.js.map +1 -1
  7. package/dist/react.js +77 -73
  8. package/dist/react.js.map +1 -1
  9. package/dist/src/components/ui/input-search/index.d.ts +1 -0
  10. package/dist/src/components/ui/input-search/input-search.d.ts +10 -0
  11. package/dist/src/components/ui/input-text/index.d.ts +1 -0
  12. package/dist/src/components/ui/input-text/input-text.d.ts +20 -0
  13. package/dist/src/index.d.ts +2 -0
  14. package/dist/ui-react.css +1 -1
  15. package/package.json +3 -3
package/dist/components/ui/input-search/input-search.js ADDED
@@ -0,0 +1,57 @@
1
+ import { jsxs as c, jsx as l } from "react/jsx-runtime";
2
+ import * as o from "react";
3
+ import { cn as f } from "../../../lib/utils.js";
4
+ import { Search as x } from "../search/search.js";
5
+ const v = o.forwardRef(
6
+ ({
7
+ className: s,
8
+ id: u,
9
+ label: a,
10
+ required: r,
11
+ disabled: e,
12
+ "aria-label": i,
13
+ ...p
14
+ }, d) => {
15
+ const h = o.useId(), t = u ?? h, n = a != null && a !== "", m = n ? { "aria-label": void 0 } : i != null ? { "aria-label": i } : {};
16
+ return /* @__PURE__ */ c("div", { className: "flex w-full min-w-[var(--ui-input-search-container-width-min)] flex-col gap-[var(--ui-input-search-container-gap)]", children: [
17
+ n && /* @__PURE__ */ c(
18
+ "label",
19
+ {
20
+ htmlFor: t,
21
+ className: f(
22
+ "flex gap-[var(--ui-input-search-container-label-gap)] text-sm leading-4",
23
+ e ? "text-[var(--ui-input-search-color-disabled)]" : "text-[var(--ui-input-search-color-idle)]"
24
+ ),
25
+ children: [
26
+ a,
27
+ r && /* @__PURE__ */ l(
28
+ "span",
29
+ {
30
+ "aria-hidden": "true",
31
+ className: "text-[var(--ui-input-search-required-color)]",
32
+ children: "*"
33
+ }
34
+ )
35
+ ]
36
+ }
37
+ ),
38
+ /* @__PURE__ */ l(
39
+ x,
40
+ {
41
+ ref: d,
42
+ id: t,
43
+ disabled: e,
44
+ "aria-required": r || void 0,
45
+ className: s,
46
+ ...m,
47
+ ...p
48
+ }
49
+ )
50
+ ] });
51
+ }
52
+ );
53
+ v.displayName = "InputSearch";
54
+ export {
55
+ v as InputSearch
56
+ };
57
+ //# sourceMappingURL=input-search.js.map
package/dist/components/ui/input-search/input-search.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input-search.js","sources":["../../../../src/components/ui/input-search/input-search.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { Search, type SearchProps } from '../search';\n\n// Mirrors the Figma \"InputSearch\" component: a full search field built around the\n// bare `Search` box (themed by the `--ui-input-search-*` tier). It adds the field\n// furniture — an optional `label` above the box (with an optional `required` `*`).\n// Every other prop (placeholder, value, onClear, disabled, …) passes straight\n// through to `Search`. Label colors come from `--ui-input-search-color-{idle,disabled}`\n// and the required marker from `--ui-input-search-required-color`, so brand overrides\n// are honored. When a visible label is present it names the field via `htmlFor`/`id`,\n// and `Search`'s built-in `aria-label=\"Search\"` is cleared so it doesn't shadow the\n// visible label.\nexport interface InputSearchProps extends SearchProps {\n /** Field label, rendered above the search box. */\n label?: React.ReactNode;\n /** Marks the field required — appends a `*` after the label. */\n required?: boolean;\n}\n\nconst InputSearch = React.forwardRef<HTMLInputElement, InputSearchProps>(\n (\n {\n className,\n id,\n label,\n required,\n disabled,\n 'aria-label': ariaLabel,\n ...props\n },\n ref\n ) => {\n const reactId = React.useId();\n const inputId = id ?? reactId;\n const hasLabel = label != null && label !== '';\n\n // A visible label names the field via `htmlFor`/`id`, so clear `Search`'s\n // default `aria-label`. With no label, forward the caller's `aria-label` (if\n // any) and otherwise let `Search`'s default stand.\n const ariaLabelProps = hasLabel\n ? { 'aria-label': undefined }\n : ariaLabel != null\n ? { 'aria-label': ariaLabel }\n : {};\n\n return (\n <div className=\"flex w-full min-w-[var(--ui-input-search-container-width-min)] flex-col gap-[var(--ui-input-search-container-gap)]\">\n {hasLabel && (\n <label\n htmlFor={inputId}\n className={cn(\n 'flex gap-[var(--ui-input-search-container-label-gap)] text-sm leading-4',\n disabled\n ? 'text-[var(--ui-input-search-color-disabled)]'\n : 'text-[var(--ui-input-search-color-idle)]'\n )}\n >\n {label}\n {required && (\n <span\n aria-hidden=\"true\"\n className=\"text-[var(--ui-input-search-required-color)]\"\n >\n *\n </span>\n )}\n </label>\n )}\n <Search\n ref={ref}\n id={inputId}\n disabled={disabled}\n aria-required={required || undefined}\n className={className}\n {...ariaLabelProps}\n {...props}\n />\n </div>\n );\n }\n);\nInputSearch.displayName = 'InputSearch';\n\nexport { InputSearch };\n"],"names":["InputSearch","React","className","id","label","required","disabled","ariaLabel","props","ref","reactId","inputId","hasLabel","ariaLabelProps","jsxs","cn","jsx","Search"],"mappings":";;;;AAqBA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUT,EAAM,MAAA,GAChBU,IAAUR,KAAMO,GAChBE,IAAWR,KAAS,QAAQA,MAAU,IAKtCS,IAAiBD,IACnB,EAAE,cAAc,OAAA,IAChBL,KAAa,OACX,EAAE,cAAcA,EAAA,IAChB,CAAA;AAEN,WACE,gBAAAO,EAAC,OAAA,EAAI,WAAU,sHACZ,UAAA;AAAA,MAAAF,KACC,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASH;AAAA,UACT,WAAWI;AAAA,YACT;AAAA,YACAT,IACI,iDACA;AAAA,UAAA;AAAA,UAGL,UAAA;AAAA,YAAAF;AAAA,YACAC,KACC,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBACX,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA;AAAA,MAAA;AAAA,MAIN,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,KAAAR;AAAA,UACA,IAAIE;AAAA,UACJ,UAAAL;AAAA,UACA,iBAAeD,KAAY;AAAA,UAC3B,WAAAH;AAAA,UACC,GAAGW;AAAA,UACH,GAAGL;AAAA,QAAA;AAAA,MAAA;AAAA,IACN,GACF;AAAA,EAEJ;AACF;AACAR,EAAY,cAAc;"}
package/dist/components/ui/input-text/input-text.js ADDED
@@ -0,0 +1,87 @@
1
+ import { jsxs as s, jsx as t } from "react/jsx-runtime";
2
+ import * as m from "react";
3
+ import { TimesIcon as j } from "@acronis-platform/icons-react/stroke-mono";
4
+ import { cn as c } from "../../../lib/utils.js";
5
+ import { Input as C } from "../input/input.js";
6
+ const T = m.forwardRef(
7
+ ({
8
+ className: g,
9
+ id: v,
10
+ label: i,
11
+ required: u,
12
+ description: b,
13
+ error: a,
14
+ clearable: f,
15
+ onClear: h,
16
+ disabled: e,
17
+ value: r,
18
+ ...I
19
+ }, N) => {
20
+ const y = m.useId(), l = v ?? y, p = `${l}-message`, o = a != null && a !== "", w = r != null && r !== "", d = !!f && w && !e, n = o ? a : b, x = n != null && n !== "";
21
+ return /* @__PURE__ */ s("div", { className: "flex w-full min-w-[var(--ui-input-text-global-container-width-min)] flex-col gap-[var(--ui-input-text-global-container-gap)]", children: [
22
+ i != null && i !== "" && /* @__PURE__ */ s(
23
+ "label",
24
+ {
25
+ htmlFor: l,
26
+ className: c(
27
+ "flex gap-[var(--ui-input-text-global-container-label-gap)] text-sm leading-4",
28
+ e ? "text-[var(--ui-input-text-global-label-color-disabled)]" : "text-[var(--ui-input-text-global-label-color-idle)]"
29
+ ),
30
+ children: [
31
+ i,
32
+ u && /* @__PURE__ */ t(
33
+ "span",
34
+ {
35
+ "aria-hidden": "true",
36
+ className: "text-[var(--ui-input-text-global-required-color)]",
37
+ children: "*"
38
+ }
39
+ )
40
+ ]
41
+ }
42
+ ),
43
+ /* @__PURE__ */ s("div", { className: "relative", children: [
44
+ /* @__PURE__ */ t(
45
+ C,
46
+ {
47
+ ref: N,
48
+ id: l,
49
+ disabled: e,
50
+ value: r,
51
+ "aria-invalid": o || void 0,
52
+ "aria-required": u || void 0,
53
+ "aria-describedby": x ? p : void 0,
54
+ className: c(d && "pr-9", g),
55
+ ...I
56
+ }
57
+ ),
58
+ d && /* @__PURE__ */ t(
59
+ "button",
60
+ {
61
+ type: "button",
62
+ onClick: h,
63
+ "aria-label": "Clear",
64
+ className: "absolute right-[var(--ui-input-text-global-box-padding-x)] top-1/2 flex size-4 -translate-y-1/2 items-center justify-center rounded-[var(--ui-input-text-global-box-border-radius)] text-[var(--ui-input-text-global-clear-icon-color)] outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] [&_svg]:size-4 [&_svg]:shrink-0",
65
+ children: /* @__PURE__ */ t(j, {})
66
+ }
67
+ )
68
+ ] }),
69
+ x && /* @__PURE__ */ t(
70
+ "p",
71
+ {
72
+ id: p,
73
+ className: c(
74
+ "text-xs leading-4",
75
+ o ? "text-[var(--ui-input-text-error-msg-error-color)]" : e ? "text-[var(--ui-input-text-normal-description-color-disabled)]" : "text-[var(--ui-input-text-normal-description-color-idle)]"
76
+ ),
77
+ children: n
78
+ }
79
+ )
80
+ ] });
81
+ }
82
+ );
83
+ T.displayName = "InputText";
84
+ export {
85
+ T as InputText
86
+ };
87
+ //# sourceMappingURL=input-text.js.map
package/dist/components/ui/input-text/input-text.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input-text.js","sources":["../../../../src/components/ui/input-text/input-text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TimesIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\nimport { Input } from '../input';\n\n// Mirrors the Figma \"InputText\" component: a full single-line text field built\n// around the bare `Input` primitive (themed by the `--ui-input-text-*` tier). It\n// adds the field furniture: an optional `label` (with an optional `required` `*`),\n// an optional clear (✕) button, and an optional `description` or `error` message\n// below. Passing `error` switches the field to its error treatment — the box gets\n// the red error border (via the input's `aria-invalid` styling) and the red error\n// message replaces the description. The clear button appears only while `clearable`\n// is set and the (controlled) field has a value, and calls `onClear`. Colors come\n// from the `--ui-input-text-*` tokens — label/required/description/error/clear — so\n// brand overrides are honored; the clear button uses a 3px `--ui-focus-primary` ring.\nexport interface InputTextProps\n extends Omit<React.ComponentPropsWithoutRef<'input'>, 'children'> {\n /** Field label, rendered above the input. */\n label?: React.ReactNode;\n /** Marks the field required — appends a `*` after the label. */\n required?: boolean;\n /** Helper text below the input. Hidden while `error` is set. */\n description?: React.ReactNode;\n /**\n * Error message below the input. Its presence switches the field to the error\n * treatment (red box border + red message).\n */\n error?: React.ReactNode;\n /** Show a clear (✕) button while the (controlled) field has a value. */\n clearable?: boolean;\n /** Called when the clear button is activated. */\n onClear?: () => void;\n}\n\nconst InputText = React.forwardRef<HTMLInputElement, InputTextProps>(\n (\n {\n className,\n id,\n label,\n required,\n description,\n error,\n clearable,\n onClear,\n disabled,\n value,\n ...props\n },\n ref\n ) => {\n const reactId = React.useId();\n const inputId = id ?? reactId;\n const messageId = `${inputId}-message`;\n\n const hasError = error != null && error !== '';\n const hasValue = value != null && value !== '';\n const showClear = Boolean(clearable) && hasValue && !disabled;\n const message = hasError ? error : description;\n const hasMessage = message != null && message !== '';\n\n return (\n <div className=\"flex w-full min-w-[var(--ui-input-text-global-container-width-min)] flex-col gap-[var(--ui-input-text-global-container-gap)]\">\n {label != null && label !== '' && (\n <label\n htmlFor={inputId}\n className={cn(\n 'flex gap-[var(--ui-input-text-global-container-label-gap)] text-sm leading-4',\n disabled\n ? 'text-[var(--ui-input-text-global-label-color-disabled)]'\n : 'text-[var(--ui-input-text-global-label-color-idle)]'\n )}\n >\n {label}\n {required && (\n <span\n aria-hidden=\"true\"\n className=\"text-[var(--ui-input-text-global-required-color)]\"\n >\n *\n </span>\n )}\n </label>\n )}\n\n <div className=\"relative\">\n <Input\n ref={ref}\n id={inputId}\n disabled={disabled}\n value={value}\n aria-invalid={hasError || undefined}\n aria-required={required || undefined}\n aria-describedby={hasMessage ? messageId : undefined}\n className={cn(showClear && 'pr-9', className)}\n {...props}\n />\n {showClear && (\n <button\n type=\"button\"\n onClick={onClear}\n aria-label=\"Clear\"\n className=\"absolute right-[var(--ui-input-text-global-box-padding-x)] top-1/2 flex size-4 -translate-y-1/2 items-center justify-center rounded-[var(--ui-input-text-global-box-border-radius)] text-[var(--ui-input-text-global-clear-icon-color)] outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] [&_svg]:size-4 [&_svg]:shrink-0\"\n >\n <TimesIcon />\n </button>\n )}\n </div>\n\n {hasMessage && (\n <p\n id={messageId}\n className={cn(\n 'text-xs leading-4',\n hasError\n ? 'text-[var(--ui-input-text-error-msg-error-color)]'\n : disabled\n ? 'text-[var(--ui-input-text-normal-description-color-disabled)]'\n : 'text-[var(--ui-input-text-normal-description-color-idle)]'\n )}\n >\n {message}\n </p>\n )}\n </div>\n );\n }\n);\nInputText.displayName = 'InputText';\n\nexport { InputText };\n"],"names":["InputText","React","className","id","label","required","description","error","clearable","onClear","disabled","value","props","ref","reactId","inputId","messageId","hasError","hasValue","showClear","message","hasMessage","jsxs","cn","jsx","Input","TimesIcon"],"mappings":";;;;;AAmCA,MAAMA,IAAYC,EAAM;AAAA,EACtB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUb,EAAM,MAAA,GAChBc,IAAUZ,KAAMW,GAChBE,IAAY,GAAGD,CAAO,YAEtBE,IAAWV,KAAS,QAAQA,MAAU,IACtCW,IAAWP,KAAS,QAAQA,MAAU,IACtCQ,IAAY,EAAQX,KAAcU,KAAY,CAACR,GAC/CU,IAAUH,IAAWV,IAAQD,GAC7Be,IAAaD,KAAW,QAAQA,MAAY;AAElD,WACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,gIACZ,UAAA;AAAA,MAAAlB,KAAS,QAAQA,MAAU,MAC1B,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASP;AAAA,UACT,WAAWQ;AAAA,YACT;AAAA,YACAb,IACI,4DACA;AAAA,UAAA;AAAA,UAGL,UAAA;AAAA,YAAAN;AAAA,YACAC,KACC,gBAAAmB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBACX,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,gBAAAF,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAAZ;AAAA,YACA,IAAIE;AAAA,YACJ,UAAAL;AAAA,YACA,OAAAC;AAAA,YACA,gBAAcM,KAAY;AAAA,YAC1B,iBAAeZ,KAAY;AAAA,YAC3B,oBAAkBgB,IAAaL,IAAY;AAAA,YAC3C,WAAWO,EAAGJ,KAAa,QAAQjB,CAAS;AAAA,YAC3C,GAAGU;AAAA,UAAA;AAAA,QAAA;AAAA,QAELO,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASf;AAAA,YACT,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,4BAACiB,GAAA,CAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACb,GAEJ;AAAA,MAECL,KACC,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIR;AAAA,UACJ,WAAWO;AAAA,YACT;AAAA,YACAN,IACI,sDACAP,IACE,kEACA;AAAA,UAAA;AAAA,UAGP,UAAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AACApB,EAAU,cAAc;"}
package/dist/index.js CHANGED
@@ -1,94 +1,98 @@
1
1
  import { cn as a } from "./lib/utils.js";
2
2
  import { Avatar as t, AvatarFallback as i, AvatarGroup as n, AvatarImage as d, avatarVariants as S } from "./components/ui/avatar/avatar.js";
3
- import { Breadcrumb as m, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as y, BreadcrumbSeparator as x } from "./components/ui/breadcrumb/breadcrumb.js";
4
- import { Button as f, buttonVariants as g } from "./components/ui/button/button.js";
3
+ import { Breadcrumb as b, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as x, BreadcrumbSeparator as y } from "./components/ui/breadcrumb/breadcrumb.js";
4
+ import { Button as s, buttonVariants as I } from "./components/ui/button/button.js";
5
5
  import { ButtonMenu as M, buttonMenuVariants as P } from "./components/ui/button-menu/button-menu.js";
6
- import { CardFilter as T, cardFilterVariants as C } from "./components/ui/card-filter/card-filter.js";
6
+ import { CardFilter as B, cardFilterVariants as C } from "./components/ui/card-filter/card-filter.js";
7
7
  import { Checkbox as v } from "./components/ui/checkbox/checkbox.js";
8
- import { Radio as A, RadioGroup as F } from "./components/ui/radio/radio.js";
9
- import { Input as h } from "./components/ui/input/input.js";
10
- import { InputTextArea as k } from "./components/ui/input-text-area/input-text-area.js";
11
- import { Search as E } from "./components/ui/search/search.js";
12
- import { SearchGlobal as w } from "./components/ui/search-global/search-global.js";
13
- import { Select as q, SelectContent as D, SelectGroup as J, SelectGroupLabel as K, SelectItem as N, SelectTrigger as O, SelectValue as Q } from "./components/ui/select/select.js";
14
- import { ResizableHandle as W, ResizablePanel as X, ResizablePanelGroup as Y } from "./components/ui/resizable/resizable.js";
15
- import { SidebarPrimary as _, SidebarPrimaryCollapseTrigger as $, SidebarPrimaryContent as rr, SidebarPrimaryFooter as er, SidebarPrimaryHeader as ar, SidebarPrimaryMenu as or, SidebarPrimaryMenuItem as tr, SidebarPrimaryMenuItemExtras as ir, SidebarPrimarySection as nr, sidebarPrimaryMenuItemVariants as dr } from "./components/ui/sidebar-primary/sidebar-primary.js";
16
- import { SidebarSecondary as br, SidebarSecondaryCollapseTrigger as mr, SidebarSecondaryCollapsedBreadcrumb as cr, SidebarSecondaryContent as ur, SidebarSecondaryFooter as pr, SidebarSecondaryHeader as lr, SidebarSecondaryMenu as yr, SidebarSecondaryMenuItem as xr, SidebarSecondaryMenuItemExtras as sr, SidebarSecondaryMenuSub as fr, SidebarSecondaryMenuSubContent as gr, SidebarSecondaryMenuSubItem as Ir, SidebarSecondaryMenuSubTrigger as Mr, SidebarSecondarySection as Pr, SidebarSecondarySectionLabel as Br, sidebarSecondaryMenuItemVariants as Tr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
17
- import { ButtonIcon as Vr, buttonIconVariants as vr } from "./components/ui/button-icon/button-icon.js";
18
- import { Switch as Ar } from "./components/ui/switch/switch.js";
19
- import { Tooltip as Rr, TooltipContent as hr, TooltipProvider as Lr, TooltipTrigger as kr } from "./components/ui/tooltip/tooltip.js";
20
- import { Tag as Er, tagVariants as Hr } from "./components/ui/tag/tag.js";
8
+ import { Radio as h, RadioGroup as A } from "./components/ui/radio/radio.js";
9
+ import { Input as R } from "./components/ui/input/input.js";
10
+ import { InputSearch as k } from "./components/ui/input-search/input-search.js";
11
+ import { InputText as E } from "./components/ui/input-text/input-text.js";
12
+ import { InputTextArea as w } from "./components/ui/input-text-area/input-text-area.js";
13
+ import { Search as q } from "./components/ui/search/search.js";
14
+ import { SearchGlobal as J } from "./components/ui/search-global/search-global.js";
15
+ import { Select as N, SelectContent as O, SelectGroup as Q, SelectGroupLabel as U, SelectItem as W, SelectTrigger as X, SelectValue as Y } from "./components/ui/select/select.js";
16
+ import { ResizableHandle as _, ResizablePanel as $, ResizablePanelGroup as rr } from "./components/ui/resizable/resizable.js";
17
+ import { SidebarPrimary as ar, SidebarPrimaryCollapseTrigger as or, SidebarPrimaryContent as tr, SidebarPrimaryFooter as ir, SidebarPrimaryHeader as nr, SidebarPrimaryMenu as dr, SidebarPrimaryMenuItem as Sr, SidebarPrimaryMenuItemExtras as mr, SidebarPrimarySection as br, sidebarPrimaryMenuItemVariants as cr } from "./components/ui/sidebar-primary/sidebar-primary.js";
18
+ import { SidebarSecondary as pr, SidebarSecondaryCollapseTrigger as lr, SidebarSecondaryCollapsedBreadcrumb as xr, SidebarSecondaryContent as yr, SidebarSecondaryFooter as fr, SidebarSecondaryHeader as sr, SidebarSecondaryMenu as Ir, SidebarSecondaryMenuItem as gr, SidebarSecondaryMenuItemExtras as Mr, SidebarSecondaryMenuSub as Pr, SidebarSecondaryMenuSubContent as Tr, SidebarSecondaryMenuSubItem as Br, SidebarSecondaryMenuSubTrigger as Cr, SidebarSecondarySection as Vr, SidebarSecondarySectionLabel as vr, sidebarSecondaryMenuItemVariants as Gr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
19
+ import { ButtonIcon as Ar, buttonIconVariants as Fr } from "./components/ui/button-icon/button-icon.js";
20
+ import { Switch as Lr } from "./components/ui/switch/switch.js";
21
+ import { Tooltip as zr, TooltipContent as Er, TooltipProvider as Hr, TooltipTrigger as wr } from "./components/ui/tooltip/tooltip.js";
22
+ import { Tag as qr, tagVariants as Dr } from "./components/ui/tag/tag.js";
21
23
  export {
22
24
  t as Avatar,
23
25
  i as AvatarFallback,
24
26
  n as AvatarGroup,
25
27
  d as AvatarImage,
26
- m as Breadcrumb,
28
+ b as Breadcrumb,
27
29
  c as BreadcrumbEllipsis,
28
30
  u as BreadcrumbItem,
29
31
  p as BreadcrumbLink,
30
32
  l as BreadcrumbList,
31
- y as BreadcrumbPage,
32
- x as BreadcrumbSeparator,
33
- f as Button,
34
- Vr as ButtonIcon,
33
+ x as BreadcrumbPage,
34
+ y as BreadcrumbSeparator,
35
+ s as Button,
36
+ Ar as ButtonIcon,
35
37
  M as ButtonMenu,
36
- T as CardFilter,
38
+ B as CardFilter,
37
39
  v as Checkbox,
38
- h as Input,
39
- k as InputTextArea,
40
- A as Radio,
41
- F as RadioGroup,
42
- W as ResizableHandle,
43
- X as ResizablePanel,
44
- Y as ResizablePanelGroup,
45
- E as Search,
46
- w as SearchGlobal,
47
- q as Select,
48
- D as SelectContent,
49
- J as SelectGroup,
50
- K as SelectGroupLabel,
51
- N as SelectItem,
52
- O as SelectTrigger,
53
- Q as SelectValue,
54
- _ as SidebarPrimary,
55
- $ as SidebarPrimaryCollapseTrigger,
56
- rr as SidebarPrimaryContent,
57
- er as SidebarPrimaryFooter,
58
- ar as SidebarPrimaryHeader,
59
- or as SidebarPrimaryMenu,
60
- tr as SidebarPrimaryMenuItem,
61
- ir as SidebarPrimaryMenuItemExtras,
62
- nr as SidebarPrimarySection,
63
- br as SidebarSecondary,
64
- mr as SidebarSecondaryCollapseTrigger,
65
- cr as SidebarSecondaryCollapsedBreadcrumb,
66
- ur as SidebarSecondaryContent,
67
- pr as SidebarSecondaryFooter,
68
- lr as SidebarSecondaryHeader,
69
- yr as SidebarSecondaryMenu,
70
- xr as SidebarSecondaryMenuItem,
71
- sr as SidebarSecondaryMenuItemExtras,
72
- fr as SidebarSecondaryMenuSub,
73
- gr as SidebarSecondaryMenuSubContent,
74
- Ir as SidebarSecondaryMenuSubItem,
75
- Mr as SidebarSecondaryMenuSubTrigger,
76
- Pr as SidebarSecondarySection,
77
- Br as SidebarSecondarySectionLabel,
78
- Ar as Switch,
79
- Er as Tag,
80
- Rr as Tooltip,
81
- hr as TooltipContent,
82
- Lr as TooltipProvider,
83
- kr as TooltipTrigger,
40
+ R as Input,
41
+ k as InputSearch,
42
+ E as InputText,
43
+ w as InputTextArea,
44
+ h as Radio,
45
+ A as RadioGroup,
46
+ _ as ResizableHandle,
47
+ $ as ResizablePanel,
48
+ rr as ResizablePanelGroup,
49
+ q as Search,
50
+ J as SearchGlobal,
51
+ N as Select,
52
+ O as SelectContent,
53
+ Q as SelectGroup,
54
+ U as SelectGroupLabel,
55
+ W as SelectItem,
56
+ X as SelectTrigger,
57
+ Y as SelectValue,
58
+ ar as SidebarPrimary,
59
+ or as SidebarPrimaryCollapseTrigger,
60
+ tr as SidebarPrimaryContent,
61
+ ir as SidebarPrimaryFooter,
62
+ nr as SidebarPrimaryHeader,
63
+ dr as SidebarPrimaryMenu,
64
+ Sr as SidebarPrimaryMenuItem,
65
+ mr as SidebarPrimaryMenuItemExtras,
66
+ br as SidebarPrimarySection,
67
+ pr as SidebarSecondary,
68
+ lr as SidebarSecondaryCollapseTrigger,
69
+ xr as SidebarSecondaryCollapsedBreadcrumb,
70
+ yr as SidebarSecondaryContent,
71
+ fr as SidebarSecondaryFooter,
72
+ sr as SidebarSecondaryHeader,
73
+ Ir as SidebarSecondaryMenu,
74
+ gr as SidebarSecondaryMenuItem,
75
+ Mr as SidebarSecondaryMenuItemExtras,
76
+ Pr as SidebarSecondaryMenuSub,
77
+ Tr as SidebarSecondaryMenuSubContent,
78
+ Br as SidebarSecondaryMenuSubItem,
79
+ Cr as SidebarSecondaryMenuSubTrigger,
80
+ Vr as SidebarSecondarySection,
81
+ vr as SidebarSecondarySectionLabel,
82
+ Lr as Switch,
83
+ qr as Tag,
84
+ zr as Tooltip,
85
+ Er as TooltipContent,
86
+ Hr as TooltipProvider,
87
+ wr as TooltipTrigger,
84
88
  S as avatarVariants,
85
- vr as buttonIconVariants,
89
+ Fr as buttonIconVariants,
86
90
  P as buttonMenuVariants,
87
- g as buttonVariants,
91
+ I as buttonVariants,
88
92
  C as cardFilterVariants,
89
93
  a as cn,
90
- dr as sidebarPrimaryMenuItemVariants,
91
- Tr as sidebarSecondaryMenuItemVariants,
92
- Hr as tagVariants
94
+ cr as sidebarPrimaryMenuItemVariants,
95
+ Gr as sidebarSecondaryMenuItemVariants,
96
+ Dr as tagVariants
93
97
  };
94
98
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
package/dist/react.js CHANGED
@@ -1,94 +1,98 @@
1
1
  import { cn as a } from "./lib/utils.js";
2
2
  import { Avatar as t, AvatarFallback as i, AvatarGroup as n, AvatarImage as d, avatarVariants as S } from "./components/ui/avatar/avatar.js";
3
- import { Breadcrumb as m, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as y, BreadcrumbSeparator as x } from "./components/ui/breadcrumb/breadcrumb.js";
4
- import { Button as f, buttonVariants as g } from "./components/ui/button/button.js";
3
+ import { Breadcrumb as b, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as x, BreadcrumbSeparator as y } from "./components/ui/breadcrumb/breadcrumb.js";
4
+ import { Button as s, buttonVariants as I } from "./components/ui/button/button.js";
5
5
  import { ButtonMenu as M, buttonMenuVariants as P } from "./components/ui/button-menu/button-menu.js";
6
- import { CardFilter as T, cardFilterVariants as C } from "./components/ui/card-filter/card-filter.js";
6
+ import { CardFilter as B, cardFilterVariants as C } from "./components/ui/card-filter/card-filter.js";
7
7
  import { Checkbox as v } from "./components/ui/checkbox/checkbox.js";
8
- import { Radio as A, RadioGroup as F } from "./components/ui/radio/radio.js";
9
- import { Input as h } from "./components/ui/input/input.js";
10
- import { InputTextArea as k } from "./components/ui/input-text-area/input-text-area.js";
11
- import { Search as E } from "./components/ui/search/search.js";
12
- import { SearchGlobal as w } from "./components/ui/search-global/search-global.js";
13
- import { Select as q, SelectContent as D, SelectGroup as J, SelectGroupLabel as K, SelectItem as N, SelectTrigger as O, SelectValue as Q } from "./components/ui/select/select.js";
14
- import { ResizableHandle as W, ResizablePanel as X, ResizablePanelGroup as Y } from "./components/ui/resizable/resizable.js";
15
- import { SidebarPrimary as _, SidebarPrimaryCollapseTrigger as $, SidebarPrimaryContent as rr, SidebarPrimaryFooter as er, SidebarPrimaryHeader as ar, SidebarPrimaryMenu as or, SidebarPrimaryMenuItem as tr, SidebarPrimaryMenuItemExtras as ir, SidebarPrimarySection as nr, sidebarPrimaryMenuItemVariants as dr } from "./components/ui/sidebar-primary/sidebar-primary.js";
16
- import { SidebarSecondary as br, SidebarSecondaryCollapseTrigger as mr, SidebarSecondaryCollapsedBreadcrumb as cr, SidebarSecondaryContent as ur, SidebarSecondaryFooter as pr, SidebarSecondaryHeader as lr, SidebarSecondaryMenu as yr, SidebarSecondaryMenuItem as xr, SidebarSecondaryMenuItemExtras as sr, SidebarSecondaryMenuSub as fr, SidebarSecondaryMenuSubContent as gr, SidebarSecondaryMenuSubItem as Ir, SidebarSecondaryMenuSubTrigger as Mr, SidebarSecondarySection as Pr, SidebarSecondarySectionLabel as Br, sidebarSecondaryMenuItemVariants as Tr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
17
- import { ButtonIcon as Vr, buttonIconVariants as vr } from "./components/ui/button-icon/button-icon.js";
18
- import { Switch as Ar } from "./components/ui/switch/switch.js";
19
- import { Tooltip as Rr, TooltipContent as hr, TooltipProvider as Lr, TooltipTrigger as kr } from "./components/ui/tooltip/tooltip.js";
20
- import { Tag as Er, tagVariants as Hr } from "./components/ui/tag/tag.js";
8
+ import { Radio as h, RadioGroup as A } from "./components/ui/radio/radio.js";
9
+ import { Input as R } from "./components/ui/input/input.js";
10
+ import { InputSearch as k } from "./components/ui/input-search/input-search.js";
11
+ import { InputText as E } from "./components/ui/input-text/input-text.js";
12
+ import { InputTextArea as w } from "./components/ui/input-text-area/input-text-area.js";
13
+ import { Search as q } from "./components/ui/search/search.js";
14
+ import { SearchGlobal as J } from "./components/ui/search-global/search-global.js";
15
+ import { Select as N, SelectContent as O, SelectGroup as Q, SelectGroupLabel as U, SelectItem as W, SelectTrigger as X, SelectValue as Y } from "./components/ui/select/select.js";
16
+ import { ResizableHandle as _, ResizablePanel as $, ResizablePanelGroup as rr } from "./components/ui/resizable/resizable.js";
17
+ import { SidebarPrimary as ar, SidebarPrimaryCollapseTrigger as or, SidebarPrimaryContent as tr, SidebarPrimaryFooter as ir, SidebarPrimaryHeader as nr, SidebarPrimaryMenu as dr, SidebarPrimaryMenuItem as Sr, SidebarPrimaryMenuItemExtras as mr, SidebarPrimarySection as br, sidebarPrimaryMenuItemVariants as cr } from "./components/ui/sidebar-primary/sidebar-primary.js";
18
+ import { SidebarSecondary as pr, SidebarSecondaryCollapseTrigger as lr, SidebarSecondaryCollapsedBreadcrumb as xr, SidebarSecondaryContent as yr, SidebarSecondaryFooter as fr, SidebarSecondaryHeader as sr, SidebarSecondaryMenu as Ir, SidebarSecondaryMenuItem as gr, SidebarSecondaryMenuItemExtras as Mr, SidebarSecondaryMenuSub as Pr, SidebarSecondaryMenuSubContent as Tr, SidebarSecondaryMenuSubItem as Br, SidebarSecondaryMenuSubTrigger as Cr, SidebarSecondarySection as Vr, SidebarSecondarySectionLabel as vr, sidebarSecondaryMenuItemVariants as Gr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
19
+ import { ButtonIcon as Ar, buttonIconVariants as Fr } from "./components/ui/button-icon/button-icon.js";
20
+ import { Switch as Lr } from "./components/ui/switch/switch.js";
21
+ import { Tooltip as zr, TooltipContent as Er, TooltipProvider as Hr, TooltipTrigger as wr } from "./components/ui/tooltip/tooltip.js";
22
+ import { Tag as qr, tagVariants as Dr } from "./components/ui/tag/tag.js";
21
23
  export {
22
24
  t as Avatar,
23
25
  i as AvatarFallback,
24
26
  n as AvatarGroup,
25
27
  d as AvatarImage,
26
- m as Breadcrumb,
28
+ b as Breadcrumb,
27
29
  c as BreadcrumbEllipsis,
28
30
  u as BreadcrumbItem,
29
31
  p as BreadcrumbLink,
30
32
  l as BreadcrumbList,
31
- y as BreadcrumbPage,
32
- x as BreadcrumbSeparator,
33
- f as Button,
34
- Vr as ButtonIcon,
33
+ x as BreadcrumbPage,
34
+ y as BreadcrumbSeparator,
35
+ s as Button,
36
+ Ar as ButtonIcon,
35
37
  M as ButtonMenu,
36
- T as CardFilter,
38
+ B as CardFilter,
37
39
  v as Checkbox,
38
- h as Input,
39
- k as InputTextArea,
40
- A as Radio,
41
- F as RadioGroup,
42
- W as ResizableHandle,
43
- X as ResizablePanel,
44
- Y as ResizablePanelGroup,
45
- E as Search,
46
- w as SearchGlobal,
47
- q as Select,
48
- D as SelectContent,
49
- J as SelectGroup,
50
- K as SelectGroupLabel,
51
- N as SelectItem,
52
- O as SelectTrigger,
53
- Q as SelectValue,
54
- _ as SidebarPrimary,
55
- $ as SidebarPrimaryCollapseTrigger,
56
- rr as SidebarPrimaryContent,
57
- er as SidebarPrimaryFooter,
58
- ar as SidebarPrimaryHeader,
59
- or as SidebarPrimaryMenu,
60
- tr as SidebarPrimaryMenuItem,
61
- ir as SidebarPrimaryMenuItemExtras,
62
- nr as SidebarPrimarySection,
63
- br as SidebarSecondary,
64
- mr as SidebarSecondaryCollapseTrigger,
65
- cr as SidebarSecondaryCollapsedBreadcrumb,
66
- ur as SidebarSecondaryContent,
67
- pr as SidebarSecondaryFooter,
68
- lr as SidebarSecondaryHeader,
69
- yr as SidebarSecondaryMenu,
70
- xr as SidebarSecondaryMenuItem,
71
- sr as SidebarSecondaryMenuItemExtras,
72
- fr as SidebarSecondaryMenuSub,
73
- gr as SidebarSecondaryMenuSubContent,
74
- Ir as SidebarSecondaryMenuSubItem,
75
- Mr as SidebarSecondaryMenuSubTrigger,
76
- Pr as SidebarSecondarySection,
77
- Br as SidebarSecondarySectionLabel,
78
- Ar as Switch,
79
- Er as Tag,
80
- Rr as Tooltip,
81
- hr as TooltipContent,
82
- Lr as TooltipProvider,
83
- kr as TooltipTrigger,
40
+ R as Input,
41
+ k as InputSearch,
42
+ E as InputText,
43
+ w as InputTextArea,
44
+ h as Radio,
45
+ A as RadioGroup,
46
+ _ as ResizableHandle,
47
+ $ as ResizablePanel,
48
+ rr as ResizablePanelGroup,
49
+ q as Search,
50
+ J as SearchGlobal,
51
+ N as Select,
52
+ O as SelectContent,
53
+ Q as SelectGroup,
54
+ U as SelectGroupLabel,
55
+ W as SelectItem,
56
+ X as SelectTrigger,
57
+ Y as SelectValue,
58
+ ar as SidebarPrimary,
59
+ or as SidebarPrimaryCollapseTrigger,
60
+ tr as SidebarPrimaryContent,
61
+ ir as SidebarPrimaryFooter,
62
+ nr as SidebarPrimaryHeader,
63
+ dr as SidebarPrimaryMenu,
64
+ Sr as SidebarPrimaryMenuItem,
65
+ mr as SidebarPrimaryMenuItemExtras,
66
+ br as SidebarPrimarySection,
67
+ pr as SidebarSecondary,
68
+ lr as SidebarSecondaryCollapseTrigger,
69
+ xr as SidebarSecondaryCollapsedBreadcrumb,
70
+ yr as SidebarSecondaryContent,
71
+ fr as SidebarSecondaryFooter,
72
+ sr as SidebarSecondaryHeader,
73
+ Ir as SidebarSecondaryMenu,
74
+ gr as SidebarSecondaryMenuItem,
75
+ Mr as SidebarSecondaryMenuItemExtras,
76
+ Pr as SidebarSecondaryMenuSub,
77
+ Tr as SidebarSecondaryMenuSubContent,
78
+ Br as SidebarSecondaryMenuSubItem,
79
+ Cr as SidebarSecondaryMenuSubTrigger,
80
+ Vr as SidebarSecondarySection,
81
+ vr as SidebarSecondarySectionLabel,
82
+ Lr as Switch,
83
+ qr as Tag,
84
+ zr as Tooltip,
85
+ Er as TooltipContent,
86
+ Hr as TooltipProvider,
87
+ wr as TooltipTrigger,
84
88
  S as avatarVariants,
85
- vr as buttonIconVariants,
89
+ Fr as buttonIconVariants,
86
90
  P as buttonMenuVariants,
87
- g as buttonVariants,
91
+ I as buttonVariants,
88
92
  C as cardFilterVariants,
89
93
  a as cn,
90
- dr as sidebarPrimaryMenuItemVariants,
91
- Tr as sidebarSecondaryMenuItemVariants,
92
- Hr as tagVariants
94
+ cr as sidebarPrimaryMenuItemVariants,
95
+ Gr as sidebarSecondaryMenuItemVariants,
96
+ Dr as tagVariants
93
97
  };
94
98
  //# sourceMappingURL=react.js.map
package/dist/react.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
package/dist/src/components/ui/input-search/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { InputSearch, type InputSearchProps } from './input-search';
package/dist/src/components/ui/input-search/input-search.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { SearchProps } from '../search';
2
+ import * as React from 'react';
3
+ export interface InputSearchProps extends SearchProps {
4
+ /** Field label, rendered above the search box. */
5
+ label?: React.ReactNode;
6
+ /** Marks the field required — appends a `*` after the label. */
7
+ required?: boolean;
8
+ }
9
+ declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<HTMLInputElement>>;
10
+ export { InputSearch };
package/dist/src/components/ui/input-text/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { InputText, type InputTextProps } from './input-text';
package/dist/src/components/ui/input-text/input-text.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import * as React from 'react';
2
+ export interface InputTextProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'children'> {
3
+ /** Field label, rendered above the input. */
4
+ label?: React.ReactNode;
5
+ /** Marks the field required — appends a `*` after the label. */
6
+ required?: boolean;
7
+ /** Helper text below the input. Hidden while `error` is set. */
8
+ description?: React.ReactNode;
9
+ /**
10
+ * Error message below the input. Its presence switches the field to the error
11
+ * treatment (red box border + red message).
12
+ */
13
+ error?: React.ReactNode;
14
+ /** Show a clear (✕) button while the (controlled) field has a value. */
15
+ clearable?: boolean;
16
+ /** Called when the clear button is activated. */
17
+ onClear?: () => void;
18
+ }
19
+ declare const InputText: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;
20
+ export { InputText };
package/dist/src/index.d.ts CHANGED
@@ -7,6 +7,8 @@ export * from './components/ui/card-filter';
7
7
  export * from './components/ui/checkbox';
8
8
  export * from './components/ui/radio';
9
9
  export * from './components/ui/input';
10
+ export * from './components/ui/input-search';
11
+ export * from './components/ui/input-text';
10
12
  export * from './components/ui/input-text-area';
11
13
  export * from './components/ui/search';
12
14
  export * from './components/ui/search-global';