fina-react-ds 2.0.1 → 2.0.3
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.
- package/dist/components/alert-dialog.d.ts +9 -0
- package/dist/components/alert-dialog.js +1 -1
- package/dist/components/field.d.ts +9 -0
- package/dist/components/field.js +1 -1
- package/dist/components/sheet.d.ts +3 -0
- package/dist/components/sheet.js +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/tooltip.d.ts +1 -0
- package/dist/components/tooltip.js +1 -1
- package/package.json +19 -12
|
@@ -14,6 +14,15 @@
|
|
|
14
14
|
* - Variant par défaut changé de `outline` à `ghost`
|
|
15
15
|
* - Ajout de la prop `color` avec valeur par défaut `dark`
|
|
16
16
|
* - Ajout de `color` dans le type Pick
|
|
17
|
+
*
|
|
18
|
+
* 4. AlertDialogContent :
|
|
19
|
+
* - Changement de `bg-background` → `bg-card`
|
|
20
|
+
*
|
|
21
|
+
* 5. AlertDialogDescription :
|
|
22
|
+
* - Changement de `text-muted-foreground` → `text-muted`
|
|
23
|
+
*
|
|
24
|
+
* 6. AlertDialogOverlay :
|
|
25
|
+
* - Ajout de `forceRender={true}` pour forcer le rendu de l'overlay
|
|
17
26
|
*/
|
|
18
27
|
import * as React from "react";
|
|
19
28
|
import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var g=Object.defineProperty;var o=(a,t)=>g(a,"name",{value:t,configurable:!0});import{jsx as e,jsxs as u}from"react/jsx-runtime";import{cn as r}from"../lib/utils.js";import{Button as n}from"./button.js";import{AlertDialogRoot as m}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/alert-dialog/root/AlertDialogRoot.js";import{DialogClose as s}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";import{DialogPopup as c}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";import{DialogDescription as f}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";import{DialogBackdrop as p}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";import{DialogPortal as x}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";import{DialogTitle as D}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";import{DialogTrigger as z}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";function
|
|
1
|
+
var g=Object.defineProperty;var o=(a,t)=>g(a,"name",{value:t,configurable:!0});import{jsx as e,jsxs as u}from"react/jsx-runtime";import{cn as r}from"../lib/utils.js";import{Button as n}from"./button.js";import{AlertDialogRoot as m}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/alert-dialog/root/AlertDialogRoot.js";import{DialogClose as s}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";import{DialogPopup as c}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";import{DialogDescription as f}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";import{DialogBackdrop as p}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";import{DialogPortal as x}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";import{DialogTitle as D}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";import{DialogTrigger as z}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";function R({...a}){return e(m,{"data-slot":"alert-dialog",...a})}o(R,"AlertDialog");function F({...a}){return e(z,{"data-slot":"alert-dialog-trigger",...a})}o(F,"AlertDialogTrigger");function A({...a}){return e(x,{"data-slot":"alert-dialog-portal",...a})}o(A,"AlertDialogPortal");function h({className:a,...t}){return e(p,{"data-slot":"alert-dialog-overlay",className:r("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50",a),forceRender:!0,...t})}o(h,"AlertDialogOverlay");function H({className:a,size:t="default",...l}){return u(A,{children:[e(h,{}),e(c,{"data-slot":"alert-dialog-content","data-size":t,className:r("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-card ring-foreground/10 gap-6 rounded-xl p-6 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none",a),...l})]})}o(H,"AlertDialogContent");function O({className:a,...t}){return e("div",{"data-slot":"alert-dialog-header",className:r("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",a),...t})}o(O,"AlertDialogHeader");function q({className:a,...t}){return e("div",{"data-slot":"alert-dialog-footer",className:r("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",a),...t})}o(q,"AlertDialogFooter");function E({className:a,...t}){return e(D,{"data-slot":"alert-dialog-title",className:r("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",a),...t})}o(E,"AlertDialogTitle");function G({className:a,...t}){return e(f,{"data-slot":"alert-dialog-description",className:r("text-muted *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3",a),...t})}o(G,"AlertDialogDescription");function I({className:a,variant:t="contained",size:l="default",color:i="primary",...d}){return e(s,{"data-slot":"alert-dialog-cancel",className:r(a),render:e(n,{variant:t,size:l,color:i}),...d})}o(I,"AlertDialogAction");function J({className:a,variant:t="ghost",size:l="default",color:i="dark",...d}){return e(s,{"data-slot":"alert-dialog-cancel",className:r(a),render:e(n,{variant:t,size:l,color:i}),...d})}o(J,"AlertDialogCancel");export{R as AlertDialog,I as AlertDialogAction,J as AlertDialogCancel,H as AlertDialogContent,G as AlertDialogDescription,q as AlertDialogFooter,O as AlertDialogHeader,h as AlertDialogOverlay,A as AlertDialogPortal,E as AlertDialogTitle,F as AlertDialogTrigger};
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Field Component - Modifications par rapport à la version originale :
|
|
3
|
+
*
|
|
4
|
+
* 1. FieldGroup :
|
|
5
|
+
* - Réduction de l'espacement : gap-7 -> gap-4
|
|
6
|
+
*
|
|
7
|
+
* 2. Composant Field :
|
|
8
|
+
* - Réduction de l'espactement : gap-4 -> gap-1
|
|
9
|
+
*/
|
|
1
10
|
import { type VariantProps } from "class-variance-authority";
|
|
2
11
|
import { Label } from "./label";
|
|
3
12
|
declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
|
package/dist/components/field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var u=Object.defineProperty;var l=(t,e)=>u(t,"name",{value:e,configurable:!0});import{jsx as a,jsxs as c}from"react/jsx-runtime";import{useMemo as m}from"react";import{cva as p}from"class-variance-authority";import{cn as o}from"../lib/utils.js";import{Label as g}from"./label.js";import{Separator as x}from"./separator.js";function L({className:t,...e}){return a("fieldset",{"data-slot":"field-set",className:o("gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col",t),...e})}l(L,"FieldSet");function S({className:t,variant:e="legend",...d}){return a("legend",{"data-slot":"field-legend","data-variant":e,className:o("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",t),...d})}l(S,"FieldLegend");function j({className:t,...e}){return a("div",{"data-slot":"field-group",className:o("gap-
|
|
1
|
+
var u=Object.defineProperty;var l=(t,e)=>u(t,"name",{value:e,configurable:!0});import{jsx as a,jsxs as c}from"react/jsx-runtime";import{useMemo as m}from"react";import{cva as p}from"class-variance-authority";import{cn as o}from"../lib/utils.js";import{Label as g}from"./label.js";import{Separator as x}from"./separator.js";function L({className:t,...e}){return a("fieldset",{"data-slot":"field-set",className:o("gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col",t),...e})}l(L,"FieldSet");function S({className:t,variant:e="legend",...d}){return a("legend",{"data-slot":"field-legend","data-variant":e,className:o("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",t),...d})}l(S,"FieldLegend");function j({className:t,...e}){return a("div",{"data-slot":"field-group",className:o("gap-4 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col",t),...e})}l(j,"FieldGroup");const h=p("data-[invalid=true]:text-destructive gap-1 group/field flex w-full",{variants:{orientation:{vertical:"flex-col [&>*]:w-full [&>.sr-only]:w-auto",horizontal:"flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",responsive:"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"}},defaultVariants:{orientation:"vertical"}});function z({className:t,orientation:e="vertical",...d}){return a("div",{role:"group","data-slot":"field","data-orientation":e,className:o(h({orientation:e}),t),...d})}l(z,"Field");function E({className:t,...e}){return a("div",{"data-slot":"field-content",className:o("gap-1 group/field-content flex flex-1 flex-col leading-snug",t),...e})}l(E,"FieldContent");function M({className:t,...e}){return a(g,{"data-slot":"field-label",className:o("has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-3 group/field-label peer/field-label flex w-fit leading-snug","has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",t),...e})}l(M,"FieldLabel");function V({className:t,...e}){return a("div",{"data-slot":"field-label",className:o("gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug",t),...e})}l(V,"FieldTitle");function q({className:t,...e}){return a("p",{"data-slot":"field-description",className:o("text-muted text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance","last:mt-0 nth-last-2:-mt-1","[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",t),...e})}l(q,"FieldDescription");function C({children:t,className:e,...d}){return c("div",{"data-slot":"field-separator","data-content":!!t,className:o("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative",e),...d,children:[a(x,{className:"absolute inset-0 top-1/2"}),t&&a("span",{className:"text-muted-foreground px-2 bg-background relative mx-auto block w-fit","data-slot":"field-separator-content",children:t})]})}l(C,"FieldSeparator");function D({className:t,children:e,errors:d,...s}){const n=m(()=>{if(e)return e;if(!d?.length)return null;const r=[...new Map(d.map(i=>[i?.message,i])).values()];return r?.length==1?r[0]?.message:a("ul",{className:"ml-4 flex list-disc flex-col gap-1",children:r.map((i,f)=>i?.message&&a("li",{children:i.message},f))})},[e,d]);return n?a("div",{role:"alert","data-slot":"field-error",className:o("text-destructive text-sm font-normal",t),...s,children:n}):null}l(D,"FieldError");export{z as Field,E as FieldContent,q as FieldDescription,D as FieldError,j as FieldGroup,M as FieldLabel,S as FieldLegend,C as FieldSeparator,L as FieldSet,V as FieldTitle};
|
|
@@ -29,6 +29,9 @@
|
|
|
29
29
|
*
|
|
30
30
|
* 7. Export :
|
|
31
31
|
* - Ajout de `SheetBody` dans les exports
|
|
32
|
+
*
|
|
33
|
+
* 8. SheetOverlay :
|
|
34
|
+
* - Ajout de `forceRender={true}` pour forcer le rendu de l'overlay pour gérer les nested sheets
|
|
32
35
|
*/
|
|
33
36
|
import * as React from "react";
|
|
34
37
|
import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
|
package/dist/components/sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var f=Object.defineProperty;var o=(t,e)=>f(t,"name",{value:e,configurable:!0});import{jsx as a,jsxs as s}from"react/jsx-runtime";import{cn as d}from"../lib/utils.js";import{XIcon as p}from"lucide-react";import{Button as c}from"./button.js";import{DialogRoot as u}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js";import{DialogClose as r}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";import{DialogPopup as h}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";import{DialogDescription as g}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";import{DialogTitle as x}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";import{DialogTrigger as b}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";import{DialogPortal as y}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";import{DialogBackdrop as S}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";function
|
|
1
|
+
var f=Object.defineProperty;var o=(t,e)=>f(t,"name",{value:e,configurable:!0});import{jsx as a,jsxs as s}from"react/jsx-runtime";import{cn as d}from"../lib/utils.js";import{XIcon as p}from"lucide-react";import{Button as c}from"./button.js";import{DialogRoot as u}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js";import{DialogClose as r}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";import{DialogPopup as h}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";import{DialogDescription as g}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";import{DialogTitle as x}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";import{DialogTrigger as b}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";import{DialogPortal as y}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";import{DialogBackdrop as S}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";function O({...t}){return a(u,{"data-slot":"sheet",...t})}o(O,"Sheet");function X({...t}){return a(b,{"data-slot":"sheet-trigger",...t})}o(X,"SheetTrigger");function q({...t}){return a(r,{"data-slot":"sheet-close",...t})}o(q,"SheetClose");function D({...t}){return a(y,{"data-slot":"sheet-portal",...t})}o(D,"SheetPortal");function N({className:t,...e}){return a(S,{forceRender:!0,"data-slot":"sheet-overlay",className:d("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50",t),...e})}o(N,"SheetOverlay");function A({className:t,children:e,side:l="right",size:i="s",showCloseButton:n=!0,...m}){return s(D,{children:[a(N,{}),s(h,{"data-slot":"sheet-content","data-side":l,className:d("py-4 bg-card data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b",i==="s"&&"md:max-w-1/3",i==="m"&&"md:max-w-1/2",i==="l"&&"md:max-w-2/3",t),...m,children:[e,n&&s(r,{"data-slot":"sheet-close",render:a(c,{variant:"ghost",className:"absolute top-4 right-4",size:"icon-sm"}),children:[a(p,{}),a("span",{className:"sr-only",children:"Close"})]})]})]})}o(A,"SheetContent");function E({className:t,...e}){return a("div",{"data-slot":"sheet-header",className:d("gap-1.5 px-4 flex flex-col",t),...e})}o(E,"SheetHeader");function G({className:t,...e}){return a("div",{"data-slot":"sheet-footer",className:d("gap-2 px-4 mt-auto flex flex-col",t),...e})}o(G,"SheetFooter");function J({className:t,...e}){return a("div",{"data-slot":"sheet-body",className:d("px-4 flex-1 overflow-y-auto",t),...e})}o(J,"SheetBody");function K({className:t,...e}){return a(x,{"data-slot":"sheet-title",className:d("text-foreground font-medium",t),...e})}o(K,"SheetTitle");function L({className:t,...e}){return a(g,{"data-slot":"sheet-description",className:d("text-muted text-sm",t),...e})}o(L,"SheetDescription");export{O as Sheet,J as SheetBody,q as SheetClose,A as SheetContent,L as SheetDescription,G as SheetFooter,E as SheetHeader,K as SheetTitle,X as SheetTrigger};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var I=Object.defineProperty;var r=(e,a)=>I(e,"name",{value:a,configurable:!0});import{jsx as t,jsxs as m}from"react/jsx-runtime";import*as c from"react";import{cva as T}from"class-variance-authority";import{cn as i}from"../lib/utils.js";import{Button as C}from"./button.js";import{Input as D}from"./input.js";import{Separator as B}from"./separator.js";import{Sheet as A,SheetContent as O,SheetHeader as R,SheetTitle as H,SheetDescription as K}from"./sheet.js";import{Skeleton as _}from"./skeleton.js";import{Tooltip as j,TooltipContent as G,TooltipTrigger as L}from"./tooltip.js";import{useIsMobile as $}from"../hooks/use-mobile.js";import{PanelLeftIcon as P}from"lucide-react";import{useRender as x}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/use-render/useRender.js";import{mergeProps as v}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/merge-props/mergeProps.js";const V="sidebar_state",W=3600*24*7,q="16rem",F="18rem",U="3rem",X="b",k=c.createContext(null);function N(){const e=c.useContext(k);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}r(N,"useSidebar");function ce({defaultOpen:e=!0,open:a,onOpenChange:n,className:s,style:o,children:p,...g}){const l=$(),[f,u]=c.useState(!1),[E,z]=c.useState(e),h=a??E,w=c.useCallback(d=>{const b=typeof d=="function"?d(h):d;n?n(b):z(b),document.cookie=`${V}=${b}; path=/; max-age=${W}`},[n,h]),S=c.useCallback(()=>l?u(d=>!d):w(d=>!d),[l,w,u]);c.useEffect(()=>{const d=r(b=>{b.key===X&&(b.metaKey||b.ctrlKey)&&(b.preventDefault(),S())},"handleKeyDown");return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[S]);const y=h?"expanded":"collapsed",M=c.useMemo(()=>({state:y,open:h,setOpen:w,isMobile:l,openMobile:f,setOpenMobile:u,toggleSidebar:S}),[y,h,w,l,f,u,S]);return t(k.Provider,{value:M,children:t("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":q,"--sidebar-width-icon":U,...o},className:i("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",s),...g,children:p})})}r(ce,"SidebarProvider");function be({side:e="left",variant:a="sidebar",collapsible:n="offExamples",className:s,children:o,...p}){const{isMobile:g,state:l,openMobile:f,setOpenMobile:u}=N();return n==="none"?t("div",{"data-slot":"sidebar",className:i("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",s),...p,children:o}):g?t(A,{open:f,onOpenChange:u,...p,children:m(O,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",style:{"--sidebar-width":F},side:e,children:[m(R,{className:"sr-only",children:[t(H,{children:"Sidebar"}),t(K,{children:"Displays the mobile sidebar."})]}),t("div",{className:"flex h-full w-full flex-col",children:o})]})}):m("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":l,"data-collapsible":l==="collapsed"?n:"","data-variant":a,"data-side":e,"data-slot":"sidebar",children:[t("div",{"data-slot":"sidebar-gap",className:i("transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent","group-data-[collapsible=offExamples]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{"data-slot":"sidebar-container",className:i("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offExamples]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offExamples]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",s),...p,children:t("div",{"data-sidebar":"sidebar","data-slot":"sidebar-inner",className:"bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col",children:o})})]})}r(be,"Sidebar");function pe({className:e,onClick:a,...n}){const{toggleSidebar:s}=N();return m(C,{"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",size:"icon-sm",color:"dark",className:i(e),onClick:r(o=>{a?.(o),s()},"onClick"),...n,children:[t(P,{}),t("span",{className:"sr-only",children:"Toggle Sidebar"})]})}r(pe,"SidebarTrigger");function fe({className:e,...a}){const{toggleSidebar:n}=N();return t("button",{"data-sidebar":"rail","data-slot":"sidebar-rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:n,title:"Toggle Sidebar",className:i("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","hover:group-data-[collapsible=offExamples]:bg-sidebar group-data-[collapsible=offExamples]:translate-x-0 group-data-[collapsible=offExamples]:after:left-full","[[data-side=left][data-collapsible=offExamples]_&]:-right-2","[[data-side=right][data-collapsible=offExamples]_&]:-left-2",e),...a})}r(fe,"SidebarRail");function me({className:e,...a}){return t("main",{"data-slot":"sidebar-inset",className:i("bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col",e),...a})}r(me,"SidebarInset");function ge({className:e,...a}){return t(D,{"data-slot":"sidebar-input","data-sidebar":"input",className:i("bg-background h-8 w-full shadow-none",e),...a})}r(ge,"SidebarInput");function he({className:e,...a}){return t("div",{"data-slot":"sidebar-header","data-sidebar":"header",className:i("gap-2 p-2 flex flex-col",e),...a})}r(he,"SidebarHeader");function xe({className:e,...a}){return t("div",{"data-slot":"sidebar-footer","data-sidebar":"footer",className:i("gap-2 p-2 flex flex-col",e),...a})}r(xe,"SidebarFooter");function ve({className:e,...a}){return t(B,{"data-slot":"sidebar-separator","data-sidebar":"separator",className:i("bg-sidebar-border mx-2 w-auto",e),...a})}r(ve,"SidebarSeparator");function we({className:e,...a}){return t("div",{"data-slot":"sidebar-content","data-sidebar":"content",className:i("no-scrollbar gap-2 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}r(we,"SidebarContent");function Se({className:e,...a}){return t("div",{"data-slot":"sidebar-group","data-sidebar":"group",className:i("p-2 relative flex w-full min-w-0 flex-col",e),...a})}r(Se,"SidebarGroup");function Ne({className:e,render:a,...n}){return x({defaultTagName:"div",props:v({className:i("text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0",e)},n),render:a,state:{slot:"sidebar-group-label",sidebar:"group-label"}})}r(Ne,"SidebarGroupLabel");function ye({className:e,render:a,...n}){return x({defaultTagName:"button",props:v({className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden",e)},n),render:a,state:{slot:"sidebar-group-action",sidebar:"group-action"}})}r(ye,"SidebarGroupAction");function _e({className:e,...a}){return t("div",{"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:i("text-sm w-full",e),...a})}r(_e,"SidebarGroupContent");function ke({className:e,...a}){return t("ul",{"data-slot":"sidebar-menu","data-sidebar":"menu",className:i("gap-1 flex w-full min-w-0 flex-col",e),...a})}r(ke,"SidebarMenu");function Ee({className:e,...a}){return t("li",{"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:i("group/menu-item relative",e),...a})}r(Ee,"SidebarMenuItem");const Y=T("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:p-0!"}},defaultVariants:{variant:"default",size:"default"}});function ze({render:e,isActive:a=!1,variant:n="default",size:s="default",tooltip:o,className:p,...g}){const{isMobile:l,state:f}=N(),u=x({defaultTagName:"button",props:v({className:i(Y({variant:n,size:s}),p)},g),render:o?L:e,state:{slot:"sidebar-menu-button",sidebar:"menu-button",size:s,active:a}});return o?(typeof o=="string"&&(o={children:o}),m(j,{children:[u,t(G,{side:"right",align:"center",hidden:f!=="collapsed"||l,...o})]})):u}r(ze,"SidebarMenuButton");function Me({className:e,render:a,showOnHover:n=!1,...s}){return x({defaultTagName:"button",props:v({className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0",n&&"peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0",e)},s),render:a,state:{slot:"sidebar-menu-action",sidebar:"menu-action"}})}r(Me,"SidebarMenuAction");function Ie({className:e,...a}){return t("div",{"data-slot":"sidebar-menu-badge","data-sidebar":"menu-badge",className:i("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden",e),...a})}r(Ie,"SidebarMenuBadge");function Te({className:e,showIcon:a=!1,...n}){const[s]=c.useState(()=>`${Math.floor(Math.random()*40)+50}%`);return m("div",{"data-slot":"sidebar-menu-skeleton","data-sidebar":"menu-skeleton",className:i("h-8 gap-2 rounded-md px-2 flex items-center",e),...n,children:[a&&t(_,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),t(_,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})}r(Te,"SidebarMenuSkeleton");function Ce({className:e,...a}){return t("ul",{"data-slot":"sidebar-menu-sub","data-sidebar":"menu-sub",className:i("border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col",e),...a})}r(Ce,"SidebarMenuSub");function De({className:e,...a}){return t("li",{"data-slot":"sidebar-menu-sub-item","data-sidebar":"menu-sub-item",className:i("group/menu-sub-item relative",e),...a})}r(De,"SidebarMenuSubItem");function Be({render:e,size:a="md",isActive:n=!1,className:s,...o}){return x({defaultTagName:"a",props:v({className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0",s)},o),render:e,state:{slot:"sidebar-menu-sub-button",sidebar:"menu-sub-button",size:a,active:n}})}r(Be,"SidebarMenuSubButton");export{be as Sidebar,we as SidebarContent,xe as SidebarFooter,Se as SidebarGroup,ye as SidebarGroupAction,_e as SidebarGroupContent,Ne as SidebarGroupLabel,he as SidebarHeader,ge as SidebarInput,me as SidebarInset,ke as SidebarMenu,Me as SidebarMenuAction,Ie as SidebarMenuBadge,ze as SidebarMenuButton,Ee as SidebarMenuItem,Te as SidebarMenuSkeleton,Ce as SidebarMenuSub,Be as SidebarMenuSubButton,De as SidebarMenuSubItem,ce as SidebarProvider,fe as SidebarRail,ve as SidebarSeparator,pe as SidebarTrigger,N as useSidebar};
|
|
1
|
+
var I=Object.defineProperty;var r=(e,a)=>I(e,"name",{value:a,configurable:!0});import{jsx as t,jsxs as m}from"react/jsx-runtime";import*as c from"react";import{cva as T}from"class-variance-authority";import{cn as i}from"../lib/utils.js";import{Button as C}from"./button.js";import{Input as D}from"./input.js";import{Separator as B}from"./separator.js";import{Sheet as A,SheetContent as O,SheetHeader as R,SheetTitle as H,SheetDescription as K}from"./sheet.js";import{Skeleton as _}from"./skeleton.js";import{Tooltip as j,TooltipTrigger as G,TooltipContent as L}from"./tooltip.js";import{useIsMobile as $}from"../hooks/use-mobile.js";import{PanelLeftIcon as P}from"lucide-react";import{useRender as x}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/use-render/useRender.js";import{mergeProps as v}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/merge-props/mergeProps.js";const V="sidebar_state",W=3600*24*7,q="16rem",F="18rem",U="3rem",X="b",k=c.createContext(null);function N(){const e=c.useContext(k);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}r(N,"useSidebar");function ce({defaultOpen:e=!0,open:a,onOpenChange:n,className:o,style:s,children:p,...g}){const l=$(),[f,u]=c.useState(!1),[E,z]=c.useState(e),h=a??E,w=c.useCallback(d=>{const b=typeof d=="function"?d(h):d;n?n(b):z(b),document.cookie=`${V}=${b}; path=/; max-age=${W}`},[n,h]),S=c.useCallback(()=>l?u(d=>!d):w(d=>!d),[l,w,u]);c.useEffect(()=>{const d=r(b=>{b.key===X&&(b.metaKey||b.ctrlKey)&&(b.preventDefault(),S())},"handleKeyDown");return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[S]);const y=h?"expanded":"collapsed",M=c.useMemo(()=>({state:y,open:h,setOpen:w,isMobile:l,openMobile:f,setOpenMobile:u,toggleSidebar:S}),[y,h,w,l,f,u,S]);return t(k.Provider,{value:M,children:t("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":q,"--sidebar-width-icon":U,...s},className:i("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",o),...g,children:p})})}r(ce,"SidebarProvider");function be({side:e="left",variant:a="sidebar",collapsible:n="offExamples",className:o,children:s,...p}){const{isMobile:g,state:l,openMobile:f,setOpenMobile:u}=N();return n==="none"?t("div",{"data-slot":"sidebar",className:i("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",o),...p,children:s}):g?t(A,{open:f,onOpenChange:u,...p,children:m(O,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",style:{"--sidebar-width":F},side:e,children:[m(R,{className:"sr-only",children:[t(H,{children:"Sidebar"}),t(K,{children:"Displays the mobile sidebar."})]}),t("div",{className:"flex h-full w-full flex-col",children:s})]})}):m("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":l,"data-collapsible":l==="collapsed"?n:"","data-variant":a,"data-side":e,"data-slot":"sidebar",children:[t("div",{"data-slot":"sidebar-gap",className:i("transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent","group-data-[collapsible=offExamples]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{"data-slot":"sidebar-container",className:i("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offExamples]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offExamples]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",o),...p,children:t("div",{"data-sidebar":"sidebar","data-slot":"sidebar-inner",className:"bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col",children:s})})]})}r(be,"Sidebar");function pe({className:e,onClick:a,...n}){const{toggleSidebar:o}=N();return m(C,{"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",size:"icon-sm",color:"dark",className:i(e),onClick:r(s=>{a?.(s),o()},"onClick"),...n,children:[t(P,{}),t("span",{className:"sr-only",children:"Toggle Sidebar"})]})}r(pe,"SidebarTrigger");function fe({className:e,...a}){const{toggleSidebar:n}=N();return t("button",{"data-sidebar":"rail","data-slot":"sidebar-rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:n,title:"Toggle Sidebar",className:i("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","hover:group-data-[collapsible=offExamples]:bg-sidebar group-data-[collapsible=offExamples]:translate-x-0 group-data-[collapsible=offExamples]:after:left-full","[[data-side=left][data-collapsible=offExamples]_&]:-right-2","[[data-side=right][data-collapsible=offExamples]_&]:-left-2",e),...a})}r(fe,"SidebarRail");function me({className:e,...a}){return t("main",{"data-slot":"sidebar-inset",className:i("bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col",e),...a})}r(me,"SidebarInset");function ge({className:e,...a}){return t(D,{"data-slot":"sidebar-input","data-sidebar":"input",className:i("bg-background h-8 w-full shadow-none",e),...a})}r(ge,"SidebarInput");function he({className:e,...a}){return t("div",{"data-slot":"sidebar-header","data-sidebar":"header",className:i("gap-2 p-2 flex flex-col",e),...a})}r(he,"SidebarHeader");function xe({className:e,...a}){return t("div",{"data-slot":"sidebar-footer","data-sidebar":"footer",className:i("gap-2 p-2 flex flex-col",e),...a})}r(xe,"SidebarFooter");function ve({className:e,...a}){return t(B,{"data-slot":"sidebar-separator","data-sidebar":"separator",className:i("bg-sidebar-border mx-2 w-auto",e),...a})}r(ve,"SidebarSeparator");function we({className:e,...a}){return t("div",{"data-slot":"sidebar-content","data-sidebar":"content",className:i("no-scrollbar gap-2 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}r(we,"SidebarContent");function Se({className:e,...a}){return t("div",{"data-slot":"sidebar-group","data-sidebar":"group",className:i("p-2 relative flex w-full min-w-0 flex-col",e),...a})}r(Se,"SidebarGroup");function Ne({className:e,render:a,...n}){return x({defaultTagName:"div",props:v({className:i("text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0",e)},n),render:a,state:{slot:"sidebar-group-label",sidebar:"group-label"}})}r(Ne,"SidebarGroupLabel");function ye({className:e,render:a,...n}){return x({defaultTagName:"button",props:v({className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden",e)},n),render:a,state:{slot:"sidebar-group-action",sidebar:"group-action"}})}r(ye,"SidebarGroupAction");function _e({className:e,...a}){return t("div",{"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:i("text-sm w-full",e),...a})}r(_e,"SidebarGroupContent");function ke({className:e,...a}){return t("ul",{"data-slot":"sidebar-menu","data-sidebar":"menu",className:i("gap-1 flex w-full min-w-0 flex-col",e),...a})}r(ke,"SidebarMenu");function Ee({className:e,...a}){return t("li",{"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:i("group/menu-item relative",e),...a})}r(Ee,"SidebarMenuItem");const Y=T("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:p-0!"}},defaultVariants:{variant:"default",size:"default"}});function ze({render:e,isActive:a=!1,variant:n="default",size:o="default",tooltip:s,className:p,...g}){const{isMobile:l,state:f}=N(),u=x({defaultTagName:"button",props:v({className:i(Y({variant:n,size:o}),p)},g),render:e||t("button",{}),state:{slot:"sidebar-menu-button",sidebar:"menu-button",size:o,active:a}});return s?(typeof s=="string"&&(s={children:s}),m(j,{children:[t(G,{render:u}),t(L,{side:"right",align:"center",hidden:f!=="collapsed"||l,...s})]})):u}r(ze,"SidebarMenuButton");function Me({className:e,render:a,showOnHover:n=!1,...o}){return x({defaultTagName:"button",props:v({className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0",n&&"peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0",e)},o),render:a,state:{slot:"sidebar-menu-action",sidebar:"menu-action"}})}r(Me,"SidebarMenuAction");function Ie({className:e,...a}){return t("div",{"data-slot":"sidebar-menu-badge","data-sidebar":"menu-badge",className:i("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden",e),...a})}r(Ie,"SidebarMenuBadge");function Te({className:e,showIcon:a=!1,...n}){const[o]=c.useState(()=>`${Math.floor(Math.random()*40)+50}%`);return m("div",{"data-slot":"sidebar-menu-skeleton","data-sidebar":"menu-skeleton",className:i("h-8 gap-2 rounded-md px-2 flex items-center",e),...n,children:[a&&t(_,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),t(_,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":o}})]})}r(Te,"SidebarMenuSkeleton");function Ce({className:e,...a}){return t("ul",{"data-slot":"sidebar-menu-sub","data-sidebar":"menu-sub",className:i("border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col",e),...a})}r(Ce,"SidebarMenuSub");function De({className:e,...a}){return t("li",{"data-slot":"sidebar-menu-sub-item","data-sidebar":"menu-sub-item",className:i("group/menu-sub-item relative",e),...a})}r(De,"SidebarMenuSubItem");function Be({render:e,size:a="md",isActive:n=!1,className:o,...s}){return x({defaultTagName:"a",props:v({className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0",o)},s),render:e,state:{slot:"sidebar-menu-sub-button",sidebar:"menu-sub-button",size:a,active:n}})}r(Be,"SidebarMenuSubButton");export{be as Sidebar,we as SidebarContent,xe as SidebarFooter,Se as SidebarGroup,ye as SidebarGroupAction,_e as SidebarGroupContent,Ne as SidebarGroupLabel,he as SidebarHeader,ge as SidebarInput,me as SidebarInset,ke as SidebarMenu,Me as SidebarMenuAction,Ie as SidebarMenuBadge,ze as SidebarMenuButton,Ee as SidebarMenuItem,Te as SidebarMenuSkeleton,Ce as SidebarMenuSub,Be as SidebarMenuSubButton,De as SidebarMenuSubItem,ce as SidebarProvider,fe as SidebarRail,ve as SidebarSeparator,pe as SidebarTrigger,N as useSidebar};
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* - Changement des couleurs de fond et texte :
|
|
6
6
|
* - `bg-foreground text-background` → `bg-dark text-dark-foreground`
|
|
7
7
|
* - Utilise maintenant des variables CSS personnalisées pour un meilleur contrôle du thème
|
|
8
|
+
* - Arrow : `bg-foreground fill-background` → `bg-dark fill-dark`
|
|
8
9
|
*/
|
|
9
10
|
import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
|
|
10
11
|
declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var p=Object.defineProperty;var i=(t,a)=>p(t,"name",{value:a,configurable:!0});import{jsx as o,jsxs as s}from"react/jsx-runtime";import{cn as m}from"../lib/utils.js";import{TooltipRoot as f}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/root/TooltipRoot.js";import{TooltipPortal as
|
|
1
|
+
var p=Object.defineProperty;var i=(t,a)=>p(t,"name",{value:a,configurable:!0});import{jsx as o,jsxs as s}from"react/jsx-runtime";import{cn as m}from"../lib/utils.js";import{TooltipRoot as f}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/root/TooltipRoot.js";import{TooltipPortal as c}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/portal/TooltipPortal.js";import{TooltipPositioner as g}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/positioner/TooltipPositioner.js";import{TooltipPopup as T}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/popup/TooltipPopup.js";import{TooltipArrow as u}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/arrow/TooltipArrow.js";import{TooltipProvider as x}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/provider/TooltipProvider.js";import{TooltipTrigger as h}from"../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/tooltip/trigger/TooltipTrigger.js";function y({delay:t=0,...a}){return o(x,{"data-slot":"tooltip-provider",delay:t,...a})}i(y,"TooltipProvider");function A({...t}){return o(y,{children:o(f,{"data-slot":"tooltip",...t})})}i(A,"Tooltip");function C({...t}){return o(h,{"data-slot":"tooltip-trigger",...t})}i(C,"TooltipTrigger");function R({className:t,side:a="top",sideOffset:e=4,align:r="center",alignOffset:d=0,children:l,...n}){return o(c,{children:o(g,{align:r,alignOffset:d,side:a,sideOffset:e,className:"isolate z-50",children:s(T,{"data-slot":"tooltip-content",className:m("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs bg-dark text-dark-foreground z-50 w-fit max-w-xs origin-(--transform-origin)",t),...n,children:[l,o(u,{className:"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-dark fill-dark z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"})]})})})}i(R,"TooltipContent");export{A as Tooltip,R as TooltipContent,y as TooltipProvider,C as TooltipTrigger};
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"url": "https://github.com/F1na/fina-react-ds"
|
|
6
6
|
},
|
|
7
7
|
"private": false,
|
|
8
|
-
"version": "2.0.
|
|
8
|
+
"version": "2.0.3",
|
|
9
9
|
"type": "module",
|
|
10
10
|
"files": [
|
|
11
11
|
"dist"
|
|
@@ -52,6 +52,16 @@
|
|
|
52
52
|
]
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
|
+
"scripts": {
|
|
56
|
+
"dev": "vite",
|
|
57
|
+
"build": "rimraf dist && pnpm build:types && pnpm build:components && pnpm build:clean",
|
|
58
|
+
"build:types": "tsc -p tsconfig.build.json && tsc-alias",
|
|
59
|
+
"build:themes": "pnpm dlx @tailwindcss/cli -i ./src/themes/base.css -o ./dist/themes/base.css",
|
|
60
|
+
"build:components": "vite build",
|
|
61
|
+
"build:clean": "rimraf dist/vite.config.d.ts dist/vite.config.d.ts.map",
|
|
62
|
+
"lint": "eslint .",
|
|
63
|
+
"preview": "vite preview"
|
|
64
|
+
},
|
|
55
65
|
"dependencies": {
|
|
56
66
|
"@base-ui/react": "^1.1.0",
|
|
57
67
|
"@ckeditor/ckeditor5-react": "^11.0.1",
|
|
@@ -111,17 +121,14 @@
|
|
|
111
121
|
"sideEffects": [
|
|
112
122
|
"**/*.css"
|
|
113
123
|
],
|
|
124
|
+
"pnpm": {
|
|
125
|
+
"onlyBuiltDependencies": [
|
|
126
|
+
"@parcel/watcher",
|
|
127
|
+
"@swc/core",
|
|
128
|
+
"esbuild"
|
|
129
|
+
]
|
|
130
|
+
},
|
|
114
131
|
"eslintConfig": {
|
|
115
132
|
"extends": []
|
|
116
|
-
},
|
|
117
|
-
"scripts": {
|
|
118
|
-
"dev": "vite",
|
|
119
|
-
"build": "rimraf dist && pnpm build:types && pnpm build:components && pnpm build:clean",
|
|
120
|
-
"build:types": "tsc -p tsconfig.build.json && tsc-alias",
|
|
121
|
-
"build:themes": "pnpm dlx @tailwindcss/cli -i ./src/themes/base.css -o ./dist/themes/base.css",
|
|
122
|
-
"build:components": "vite build",
|
|
123
|
-
"build:clean": "rimraf dist/vite.config.d.ts dist/vite.config.d.ts.map",
|
|
124
|
-
"lint": "eslint .",
|
|
125
|
-
"preview": "vite preview"
|
|
126
133
|
}
|
|
127
|
-
}
|
|
134
|
+
}
|