@customafk/lunas-ui 0.0.10 → 0.0.12

package/dist/ui/textarea.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime207 from "react/jsx-runtime";
+import * as react_jsx_runtime179 from "react/jsx-runtime";
 
 //#region packages/components/ui/textarea.d.ts
 declare function Textarea({
@@ -9,7 +9,7 @@ declare function Textarea({
   ...props
 }: React.ComponentProps<"textarea"> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime207.JSX.Element;
+}): react_jsx_runtime179.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/ui/toggle-group.d.cts

@@ -1,5 +1,5 @@
-import { toggleVariants } from "../toggle-BCSHdzP0.cjs";
-import * as react_jsx_runtime205 from "react/jsx-runtime";
+import { toggleVariants } from "../toggle-DfC247hI.cjs";
+import * as react_jsx_runtime227 from "react/jsx-runtime";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
@@ -11,14 +11,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime227.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime227.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.cts.map

package/dist/ui/toggle-group.d.ts

@@ -1,6 +1,6 @@
-import { toggleVariants } from "../toggle-D42pqCTD.js";
+import { toggleVariants } from "../toggle-CxXbGIf5.js";
 import React from "react";
-import * as react_jsx_runtime196 from "react/jsx-runtime";
+import * as react_jsx_runtime195 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -11,14 +11,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime195.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime195.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.ts.map

package/dist/ui/toggle.d.cts

@@ -1,2 +1,2 @@
-import { Toggle, toggleVariants } from "../toggle-BCSHdzP0.cjs";
+import { Toggle, toggleVariants } from "../toggle-DfC247hI.cjs";
 export { Toggle, toggleVariants };

package/dist/ui/toggle.d.ts

@@ -1,2 +1,2 @@
-import { Toggle, toggleVariants } from "../toggle-D42pqCTD.js";
+import { Toggle, toggleVariants } from "../toggle-CxXbGIf5.js";
 export { Toggle, toggleVariants };

package/dist/ui/tooltip.cjs

@@ -1 +1 @@
-"use client";const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../tooltip-MgToVOzy.cjs`);exports.Tooltip=t.Tooltip,exports.TooltipContent=t.TooltipContent,exports.TooltipProvider=t.TooltipProvider,exports.TooltipTrigger=t.TooltipTrigger;
+"use client";const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../tooltip-BFeC0iub.cjs`);exports.Tooltip=t.Tooltip,exports.TooltipContent=t.TooltipContent,exports.TooltipProvider=t.TooltipProvider,exports.TooltipTrigger=t.TooltipTrigger;

package/dist/ui/tooltip.d.cts

@@ -1,2 +1,2 @@
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip-Dn8AOhc4.cjs";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip-CA4xH6Zd.cjs";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui/tooltip.js

@@ -1 +1 @@
-"use client";import"../utils-D9AH0PUV.js";import{Tooltip as e,TooltipContent as t,TooltipProvider as n,TooltipTrigger as r}from"../tooltip-Dzyf5smh.js";export{e as Tooltip,t as TooltipContent,n as TooltipProvider,r as TooltipTrigger};
+"use client";import"../utils-D9AH0PUV.js";import{Tooltip as e,TooltipContent as t,TooltipProvider as n,TooltipTrigger as r}from"../tooltip-mqfVQzkp.js";export{e as Tooltip,t as TooltipContent,n as TooltipProvider,r as TooltipTrigger};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {
@@ -41,6 +41,10 @@
       "import": "./dist/data-display/date.js",
       "require": "./dist/data-display/date.cjs"
     },
+    "./data-display/date-tooltip": {
+      "import": "./dist/data-display/date-tooltip.js",
+      "require": "./dist/data-display/date-tooltip.cjs"
+    },
     "./data-display/empty": {
       "import": "./dist/data-display/empty.js",
       "require": "./dist/data-display/empty.cjs"
@@ -173,10 +177,22 @@
       "import": "./dist/ui/buttons/add-new.js",
       "require": "./dist/ui/buttons/add-new.cjs"
     },
+    "./ui/buttons/edit": {
+      "import": "./dist/ui/buttons/edit.js",
+      "require": "./dist/ui/buttons/edit.cjs"
+    },
     "./ui/buttons/refresh": {
       "import": "./dist/ui/buttons/refresh.js",
       "require": "./dist/ui/buttons/refresh.cjs"
     },
+    "./ui/buttons/trash": {
+      "import": "./dist/ui/buttons/trash.js",
+      "require": "./dist/ui/buttons/trash.cjs"
+    },
+    "./ui/buttons/upload-image": {
+      "import": "./dist/ui/buttons/upload-image.js",
+      "require": "./dist/ui/buttons/upload-image.cjs"
+    },
     "./ui/calendar": {
       "import": "./dist/ui/calendar.js",
       "require": "./dist/ui/calendar.cjs"

package/packages/components/data-display/date-tooltip.tsx

@@ -0,0 +1,37 @@
+import { DateDisplay } from "./date";
+import { Badge } from "../ui/badge";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "../ui/tooltip";
+
+type Props = {
+  date: Date | string | number;
+};
+export const DateTooltip: React.FC<Props> = ({ date }) => {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Badge>
+            <DateDisplay
+              date={date}
+              format="medium"
+              className="font-normal text-white"
+            />
+          </Badge>
+        </TooltipTrigger>
+        <TooltipContent>
+          <DateDisplay
+            date={date}
+            format="full"
+            showTime
+            className="text-secondary !font-[Inter] font-medium"
+          />
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+};

package/packages/components/ui/buttons/edit.tsx

@@ -0,0 +1,20 @@
+import { Edit2Icon } from "lucide-react";
+
+import { Button } from "../button";
+
+type Props = {
+  onClick?: () => void;
+};
+export const EditBtn: React.FC<Props> = ({ onClick }) => {
+  return (
+    <Button
+      aria-label="Chỉnh sửa"
+      variant="ghost"
+      size="icon"
+      className="aspect-square max-sm:p-0"
+      onClick={onClick}
+    >
+      <Edit2Icon size={16} className="opacity-60" />
+    </Button>
+  );
+};

package/packages/components/ui/buttons/trash.tsx

@@ -0,0 +1,20 @@
+import { Trash2Icon } from "lucide-react";
+
+import { Button } from "../button";
+
+type Props = {
+  onClick?: () => void;
+};
+export const TrashBtn: React.FC<Props> = ({ onClick }) => {
+  return (
+    <Button
+      aria-label="Xoá"
+      variant="ghost"
+      size="icon"
+      className="aspect-square max-sm:p-0"
+      onClick={onClick}
+    >
+      <Trash2Icon size={16} className="opacity-60" aria-hidden="true" />
+    </Button>
+  );
+};

package/packages/components/ui/buttons/upload-image.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import type { PropsWithChildren } from "react";
+import { UploadIcon } from "lucide-react";
+
+import { Button } from "../button";
+
+type Props = {
+  size?: number;
+  onClick?: () => void;
+};
+
+export const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({
+  size = "5rem",
+  onClick,
+}) => {
+  return (
+    <Button
+      style={{
+        width: size,
+        height: size,
+      }}
+      variant="outline"
+      onClick={onClick}
+    >
+      <UploadIcon className="size-6" />
+    </Button>
+  );
+};