laif-ds 0.1.59 → 0.1.61

package/README.md

@@ -1,14 +1,18 @@
 ## PUBBLICARE:
+
 npm login
 npm whoami (verifica se sei loggato con accoutn corretto)
 yarn build (farà partire build per tailwindv3 e tailwindv4)
 npm publish --access public
 
 ## INSTALL:
+
 npm i @laif/ds
 
 ## HOW IT WORKS
+
 Per vedere i componenti con storybook:
+
 ```
 yarn storybook
 ```
@@ -26,23 +30,30 @@ Una story è definita in un file con estensione `.stories.tsx` (o `.stories.jsx`
 
 ```tsx
 // button.stories.tsx
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from '../ui/button';
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "../ui/button";
 
 // Metadati del componente
 const meta = {
-  title: 'UI/Button', // Categoria/Nome nella sidebar di Storybook
-  component: Button,  // Il componente da documentare
+  title: "UI/Button", // Categoria/Nome nella sidebar di Storybook
+  component: Button, // Il componente da documentare
   parameters: {
-    layout: 'centered', // Layout della preview
+    layout: "centered", // Layout della preview
   },
-  tags: ['autodocs'], // Genera automaticamente la documentazione
+  tags: ["autodocs"], // Genera automaticamente la documentazione
   argTypes: {
     // Definizione dei controlli per i props
     variant: {
-      control: 'select',
-      options: ['default', 'destructive', 'outline', 'secondary', 'ghost', 'link'],
-      description: 'La variante visiva del bottone',
+      control: "select",
+      options: [
+        "default",
+        "destructive",
+        "outline",
+        "secondary",
+        "ghost",
+        "link",
+      ],
+      description: "La variante visiva del bottone",
     },
     // Altri argTypes...
   },
@@ -54,17 +65,17 @@ type Story = StoryObj<typeof meta>;
 // Definizione delle singole stories
 export const Default: Story = {
   args: {
-    children: 'Button',
-    variant: 'default',
-    size: 'default',
+    children: "Button",
+    variant: "default",
+    size: "default",
   },
 };
 
 export const Secondary: Story = {
   args: {
-    children: 'Button',
-    variant: 'secondary',
-    size: 'default',
+    children: "Button",
+    variant: "secondary",
+    size: "default",
   },
 };
 
@@ -80,8 +91,8 @@ export const Secondary: Story = {
 5. Definisci il tipo Story con `type Story = StoryObj<typeof meta>`
 6. Crea le diverse varianti del componente esportando costanti di tipo Story
 
-
 ### Colors
+
 Qui è definito il tema base di laif. Sovrascrivibile nel progetto che lo implementa.
 Per farlo basta cambiare i valori delle variabili.
-Di seguito sono importati 3 temi per demostrazione generati con  (https://tweakcn.com/editor/theme)
+Di seguito sono importati 3 temi per demostrazione generati con (https://tweakcn.com/editor/theme)

package/dist/_virtual/index4.js

@@ -1,8 +1,5 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+var e = { exports: {} };
 export {
-  a as default
+  e as __module
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  x as default
+  a as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  e as __module
+  x as default
 };

package/dist/components/ui/app-select.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { Select as h, SelectTrigger as C, SelectValue as i, SelectContent as B, SelectItem as j } from "./select.js";
+import { Select as h, SelectTrigger as C, SelectValue as i, SelectContent as B, SelectItem as w } from "./select.js";
 import { SelectGroup as T, SelectLabel as U, SelectScrollDownButton as V, SelectScrollUpButton as b, SelectSeparator as v } from "./select.js";
-function I({
+function G({
   options: o,
   placeholder: u,
   children: m,
@@ -14,13 +14,13 @@ function I({
   isOptionDisabled: c,
   ...A
 }) {
-  return /* @__PURE__ */ r(h, { ...A, label: d, children: [
-    m || /* @__PURE__ */ t(C, { className: x, children: /* @__PURE__ */ t(i, { placeholder: u }) }),
+  return /* @__PURE__ */ r(h, { ...A, label: d, className: x, children: [
+    m || /* @__PURE__ */ t(C, { className: "w-full", children: /* @__PURE__ */ t(i, { placeholder: u }) }),
     /* @__PURE__ */ t(B, { children: o.map((e) => {
-      const l = n && S, p = String(l ? e[S] : e.value), g = l ? String(e[n]) : e.label, s = l && a ? String(e[a]) : null, f = l ? (c == null ? void 0 : c(e)) ?? !1 : e.disabled;
-      return /* @__PURE__ */ t(j, { value: p, disabled: f, children: /* @__PURE__ */ r("span", { className: "flex  flex-col", children: [
-        /* @__PURE__ */ t("span", { children: g }),
-        s && /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground text-d-tertiary", children: [
+      const l = n && S, p = String(l ? e[S] : e.value), f = l ? String(e[n]) : e.label, s = l && a ? String(e[a]) : null, g = l ? (c == null ? void 0 : c(e)) ?? !1 : e.disabled;
+      return /* @__PURE__ */ t(w, { value: p, disabled: g, children: /* @__PURE__ */ r("span", { className: "flex flex-col", children: [
+        /* @__PURE__ */ t("span", { children: f }),
+        s && /* @__PURE__ */ r("span", { className: "text-muted-foreground text-d-tertiary text-xs", children: [
           "- ",
           s
         ] })
@@ -29,10 +29,10 @@ function I({
   ] });
 }
 export {
-  I as AppSelect,
+  G as AppSelect,
   B as AppSelectContent,
   T as AppSelectGroup,
-  j as AppSelectItem,
+  w as AppSelectItem,
   U as AppSelectLabel,
   V as AppSelectScrollDownButton,
   b as AppSelectScrollUpButton,

package/dist/components/ui/select.js

@@ -1,25 +1,26 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import * as d from "react";
+import * as c from "react";
 import { Root as p, Group as f, Value as g, Trigger as x, Icon as h, Portal as v, Content as b, Viewport as y, Label as S, Item as w, ItemIndicator as z, ItemText as N, Separator as C, ScrollUpButton as I, ScrollDownButton as _ } from "../../node_modules/@radix-ui/react-select/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 import { Label as j } from "./label.js";
-import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import k from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
 function q({
   size: t = "default",
   label: a,
-  labelClassName: s,
-  ...r
+  className: s,
+  labelClassName: r,
+  ...d
 }) {
-  const n = d.useId();
-  return /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
-    a && /* @__PURE__ */ e(j, { htmlFor: n, className: s, children: a }),
-    /* @__PURE__ */ e(u.Provider, { value: { size: t, id: n }, children: /* @__PURE__ */ e(p, { "data-slot": "select", ...r }) })
+  const n = c.useId();
+  return /* @__PURE__ */ i("div", { className: o("space-y-1.5", s), children: [
+    a && /* @__PURE__ */ e(j, { htmlFor: n, className: r, children: a }),
+    /* @__PURE__ */ e(m.Provider, { value: { size: t, id: n }, children: /* @__PURE__ */ e(p, { "data-slot": "select", ...d }) })
   ] });
 }
-const u = d.createContext({ size: "default" }), L = () => d.useContext(u);
+const m = c.createContext({ size: "default" }), L = () => c.useContext(m);
 function A({
   ...t
 }) {
@@ -36,11 +37,11 @@ function H({
   children: s,
   ...r
 }) {
-  const { size: n, id: m } = L(), l = a || n;
+  const { size: d, id: n } = L(), l = a || d;
   return /* @__PURE__ */ i(
     x,
     {
-      id: m,
+      id: n,
       "data-slot": "select-trigger",
       "data-size": l,
       className: o(
@@ -56,7 +57,7 @@ function H({
       ...r,
       children: [
         s,
-        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(c, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -175,7 +176,7 @@ function R({
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e(c, { className: "size-4" })
+      children: /* @__PURE__ */ e(u, { className: "size-4" })
     }
   );
 }

package/dist/index.d.ts

@@ -1358,7 +1358,7 @@ export declare function ScrollArea({ className, children, ...props }: React_2.Co
 
 export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
 
-export declare function Select({ size, label, labelClassName, ...props }: SelectProps): JSX.Element;
+export declare function Select({ size, label, className, labelClassName, ...props }: SelectProps): JSX.Element;
 
 export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
 
@@ -1371,6 +1371,7 @@ export declare function SelectLabel({ className, ...props }: React_2.ComponentPr
 declare interface SelectProps extends React_2.ComponentProps<typeof SelectPrimitive.Root> {
     size?: SelectSizeType;
     label?: string | React_2.ReactNode;
+    className?: string;
     labelClassName?: string;
 }
 

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index4.js";
+import S from "../../../_virtual/index5.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/react-is/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../_virtual/index6.js";
+import { __module as e } from "../../_virtual/index4.js";
 import { __require as t } from "./cjs/react-is.production.min.js";
 import { __require as o } from "./cjs/react-is.development.js";
 var r;

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index5.js";
+import y from "../../../_virtual/index6.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.1.59",
+  "version": "0.1.61",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",