fina-react-ds 0.0.1 → 1.0.1

package/dist/components/sheet.js

@@ -0,0 +1,158 @@
+var l = Object.defineProperty;
+var a = (t, e) => l(t, "name", { value: e, configurable: !0 });
+import { jsx as c, jsxs as s } from "react/jsx-runtime";
+import { Root as d, Trigger as u, Close as r, Content as h, Title as m, Description as p, Portal as g, Overlay as x } from "../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { XIcon as y } from "lucide-react";
+import { cn as f } from "../lib/utils.js";
+function j({ ...t }) {
+  return /* @__PURE__ */ c(d, { "data-slot": "sheet", ...t });
+}
+a(j, "Sheet");
+function k({
+  ...t
+}) {
+  return /* @__PURE__ */ c(u, { "data-slot": "sheet-trigger", ...t });
+}
+a(k, "SheetTrigger");
+function D({
+  ...t
+}) {
+  return /* @__PURE__ */ c(r, { "data-slot": "sheet-close", ...t });
+}
+a(D, "SheetClose");
+function b({
+  ...t
+}) {
+  return /* @__PURE__ */ c(g, { "data-slot": "sheet-portal", ...t });
+}
+a(b, "SheetPortal");
+function S({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ c(
+    x,
+    {
+      "data-slot": "sheet-overlay",
+      className: f(
+        "fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:fixed fc:inset-0 fc:z-50 fc:bg-black/50",
+        t
+      ),
+      ...e
+    }
+  );
+}
+a(S, "SheetOverlay");
+function O({
+  className: t,
+  children: e,
+  side: n = "right",
+  size: o = "s",
+  ...i
+}) {
+  return /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ c(S, {}),
+    /* @__PURE__ */ s(
+      h,
+      {
+        "data-slot": "sheet-content",
+        className: f(
+          "fc:bg-card fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:fixed fc:z-50 fc:flex fc:flex-col fc:gap-4 fc:shadow-lg fc:transition fc:ease-in-out fc:data-[state=closed]:duration-300 fc:data-[state=open]:duration-500",
+          n === "right" && "fc:data-[state=closed]:slide-out-to-right fc:data-[state=open]:slide-in-from-right fc:inset-y-0 fc:right-0 fc:h-full fc:border-l fc:w-[90%]",
+          n === "left" && "fc:data-[state=closed]:slide-out-to-left fc:data-[state=open]:slide-in-from-left fc:inset-y-0 fc:left-0 fc:h-full fc:border-r fc:w-[90%]",
+          o === "s" && "fc:md:max-w-1/3",
+          o === "m" && "fc:md:max-w-1/2",
+          o === "l" && "fc:md:max-w-2/3",
+          t
+        ),
+        ...i,
+        children: [
+          e,
+          /* @__PURE__ */ s(r, { className: "fc:ring-offset-background fc:focus:ring-ring fc:data-[state=open]:bg-secondary fc:absolute fc:top-4 fc:right-4 fc:rounded-xs fc:opacity-70 fc:transition-opacity fc:hover:opacity-100 fc:focus:ring-2 fc:focus:ring-offset-2 fc:focus:outline-hidden fc:disabled:pointer-events-none", children: [
+            /* @__PURE__ */ c(y, { className: "fc:size-4" }),
+            /* @__PURE__ */ c("span", { className: "fc:sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+a(O, "SheetContent");
+function P({ className: t, ...e }) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: f(
+        "fc:flex fc:flex-col fc:gap-1.5 fc:px-4 fc:pt-4 ",
+        t
+      ),
+      ...e
+    }
+  );
+}
+a(P, "SheetHeader");
+function z({ className: t, ...e }) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: f(
+        "fc:mt-auto fc:flex fc:flex-col fc:gap-2 fc:px-4 fc:pb-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+a(z, "SheetFooter");
+function B({ className: t, ...e }) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "sheet-body",
+      className: f("fc:p-4 fc:flex-1 fc:overflow-y-auto", t),
+      ...e
+    }
+  );
+}
+a(B, "SheetBody");
+function F({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ c(
+    m,
+    {
+      "data-slot": "sheet-title",
+      className: f("fc:text-foreground fc:font-semibold", t),
+      ...e
+    }
+  );
+}
+a(F, "SheetTitle");
+function H({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ c(
+    p,
+    {
+      "data-slot": "sheet-description",
+      className: f("fc:text-muted fc:text-sm", t),
+      ...e
+    }
+  );
+}
+a(H, "SheetDescription");
+export {
+  j as Sheet,
+  B as SheetBody,
+  D as SheetClose,
+  O as SheetContent,
+  H as SheetDescription,
+  z as SheetFooter,
+  P as SheetHeader,
+  F as SheetTitle,
+  k as SheetTrigger
+};

package/dist/components/sidebar.d.ts

@@ -0,0 +1,69 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { Button } from "../components/button";
+import { Input } from "../components/input";
+import { Separator } from "../components/separator";
+import { TooltipContent } from "../components/tooltip";
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };