@gyramais/gyra-design 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+interface Colors {
+    backgroundColor: string;
+    primaryButton: string;
+    secondaryButton: string;
+    linkButton: string;
+}
+interface Images {
+    whiteLogoUrl: string;
+    darkLogoUrl: string;
+    iconUrl: string;
+}
+declare const _default: {
+    setTheme: ({ colors, images }: {
+        colors: Colors;
+        images: Images;
+    }) => void;
+};
+
+export { _default as default };

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/theme.ts"],"sourcesContent":["interface Colors {\r\n  backgroundColor: string;\r\n  primaryButton: string;\r\n  secondaryButton: string;\r\n  linkButton: string;\r\n}\r\n\r\ninterface Images {\r\n  whiteLogoUrl: string;\r\n  darkLogoUrl: string;\r\n  iconUrl: string;\r\n}\r\n\r\nconst isColorDark = (hexColor: string) => {\r\n  const color = hexColor.replace('#', '');\r\n\r\n  const r = parseInt(color.substr(0, 2), 16);\r\n  const g = parseInt(color.substr(2, 2), 16);\r\n  const b = parseInt(color.substr(4, 2), 16);\r\n  \r\n  const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\r\n  return (yiq <= 128);\r\n};\r\n\r\nconst getContrastYIQ = (hexColor: string) => (isColorDark(hexColor) ? '#ffffff' : '#2b2b2b');\r\n\r\nconst getTintedColor: (hexColor: string, v: number) => string = (hexColor, v) => {\r\n  if (hexColor.length > 6) {\r\n    hexColor= hexColor.substring(1, hexColor.length)\r\n  }\r\n\r\n  const rgb = parseInt(hexColor, 16); \r\n  \r\n  let r = Math.abs(((rgb >> 16) & 0xFF) + v);\r\n  if (r > 255) {\r\n    r = r - (r - 255);\r\n  }\r\n  \r\n  let g = Math.abs(((rgb >> 8) & 0xFF) + v);\r\n  if (g > 255) {\r\n    g = g - (g - 255);\r\n  }\r\n  \r\n  let b = Math.abs((rgb & 0xFF) + v);\r\n  if (b > 255) {\r\n    b = b - (b - 255);\r\n  }\r\n\r\n  const rString = (`${Number(r < 0 || isNaN(r)) ? 0 : ((r > 255) ? 255 : r).toString(16)}`).padStart(2, '0');\r\n  const gString = (`${Number(g < 0 || isNaN(g)) ? 0 : ((g > 255) ? 255 : g).toString(16)}`).padStart(2, '0'); \r\n  const bString = (`${Number(b < 0 || isNaN(b)) ? 0 : ((b > 255) ? 255 : b).toString(16)}`).padStart(2 ,'0'); \r\n  \r\n  return \"#\" + rString + gString + bString;\r\n} \r\n\r\nconst setTheme = ({ colors, images }: {\r\n  colors: Colors;\r\n  images: Images;\r\n}) => {\r\n  const {\r\n    backgroundColor,\r\n    primaryButton,\r\n    secondaryButton,\r\n    linkButton,\r\n  } = colors;\r\n\r\n  if (backgroundColor) {\r\n    document.documentElement.style.setProperty('--background-color', backgroundColor);\r\n    document.documentElement.style.setProperty('--background-text-color', getContrastYIQ(backgroundColor));\r\n  }\r\n\r\n  if (primaryButton) {\r\n    document.documentElement.style.setProperty('--primary-button-color', primaryButton);\r\n    document.documentElement.style.setProperty('--primary-button-text-color', getContrastYIQ(primaryButton));\r\n\r\n    document.documentElement.style.setProperty('--dark-button-color', `${primaryButton}66`);\r\n    document.documentElement.style.setProperty('--dark-button-text-color', getContrastYIQ(primaryButton));\r\n\r\n    const primaryButtonIsDark = isColorDark(primaryButton);\r\n    for (let x = 0; x < 5; x += 1) {\r\n      const variant = getTintedColor(primaryButton, ((x * 35) * (primaryButtonIsDark ? 1 : -1)));\r\n      \r\n      document.documentElement.style.setProperty(`--primary-button-color-${x}00`, variant);\r\n    }\r\n  }\r\n\r\n  if (secondaryButton) {\r\n    document.documentElement.style.setProperty('--secondary-button-color', secondaryButton);\r\n    document.documentElement.style.setProperty('--secondary-button-text-color', getContrastYIQ(secondaryButton));\r\n  }\r\n\r\n  if (linkButton) {\r\n    document.documentElement.style.setProperty('--link-button-color', linkButton);\r\n  }\r\n\r\n  const {\r\n    darkLogoUrl,\r\n    whiteLogoUrl,\r\n    iconUrl,\r\n  } = images;\r\n\r\n  if (darkLogoUrl) {\r\n    document.documentElement.style.setProperty('--dark-logo-url', `url(${darkLogoUrl})`);\r\n  }\r\n\r\n  if (whiteLogoUrl) {\r\n    document.documentElement.style.setProperty('--white-logo-url', `url(${whiteLogoUrl})`);\r\n  }\r\n\r\n  if (iconUrl) {\r\n    document.documentElement.style.setProperty('--icon-url', `url(${iconUrl})`);\r\n  }\r\n\r\n  if (backgroundColor && darkLogoUrl && whiteLogoUrl) {\r\n    const backgroundColorIsDark = isColorDark(backgroundColor);\r\n\r\n    document.documentElement.style.setProperty('--background-logo-url', `${backgroundColorIsDark ? `url(${whiteLogoUrl})` : `url(${darkLogoUrl})`}`)\r\n  }\r\n};\r\n\r\nexport default {\r\n  setTheme,\r\n};"],"names":["isColorDark","hexColor","color","replace","parseInt","substr","getContrastYIQ","getTintedColor","v","length","substring","rgb","r","Math","abs","g","b","concat","Number","isNaN","toString","padStart","theme","setTheme","_a","colors","images","backgroundColor","primaryButton","secondaryButton","linkButton","document","documentElement","style","setProperty","primaryButtonIsDark","x","variant","darkLogoUrl","whiteLogoUrl","iconUrl","backgroundColorIsDark"],"mappings":"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"}

package/dist/shadcn/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/shadcn/dropdown-menu.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/shadcn/form.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { ControllerProps, FieldPath, FieldValues, useForm } from 'react-hook-form';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    error?: import("react-hook-form").FieldError | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useForm, useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/shadcn/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/shadcn/label.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/shadcn/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/shadcn/menubar.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+declare const MenubarMenu: {
+    (props: MenubarPrimitive.ScopedProps<MenubarPrimitive.MenubarMenuProps>): JSX.Element;
+    displayName: string;
+};
+declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
+declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
+declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ id, className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayname: string;
+};
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };

package/dist/shadcn/switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/shadcn/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/shadcn/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/shadcn/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/theme.d.ts

@@ -0,0 +1,18 @@
+interface Colors {
+    backgroundColor: string;
+    primaryButton: string;
+    secondaryButton: string;
+    linkButton: string;
+}
+interface Images {
+    whiteLogoUrl: string;
+    darkLogoUrl: string;
+    iconUrl: string;
+}
+declare const _default: {
+    setTheme: ({ colors, images }: {
+        colors: Colors;
+        images: Images;
+    }) => void;
+};
+export default _default;

package/package.json

@@ -1,83 +1,86 @@
-{
-  "name": "@gyramais/gyra-design",
-  "version": "0.1.0",
-  "description": "Gyramais Design System",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "test": "npm run test",
-    "build": "node --max-old-space-size=8192 node_modules/rollup/dist/bin/rollup -c rollup.config.js",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/gyramais/gyra-design.git"
-  },
-  "author": "Gyramais Development Team <Ninjas>",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/gyramais/gyra-design/issues"
-  },
-  "homepage": "https://github.com/gyramais/gyra-design#readme",
-  "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.16",
-    "@mui/material": "^5.14.17",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.0.7",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-menubar": "^1.0.4",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@types/react": "^18.2.33",
-    "@types/react-collapse": "^5.0.4",
-    "@types/react-text-mask": "^5.4.14",
-    "class-variance-authority": "^0.7.0",
-    "classnames": "^2.3.2",
-    "clsx": "^2.0.0",
-    "dayjs": "^1.11.10",
-    "lucide-react": "^0.292.0",
-    "react": "18.2.0",
-    "react-collapse": "^5.1.1",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.48.2",
-    "react-modern-drawer": "^1.2.2",
-    "react-text-mask": "^5.5.0",
-    "react-toastify": "^9.1.3",
-    "recharts": "^2.10.1",
-    "rollup": "^4.2.0",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tailwind-merge": "^2.0.0",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.2.2"
-  },
-  "peerDependencies": {
-    "react": "18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@storybook/addon-essentials": "^7.5.2",
-    "@storybook/addon-interactions": "^7.5.2",
-    "@storybook/addon-links": "^7.5.2",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.5.2",
-    "@storybook/react": "^7.5.2",
-    "@storybook/react-vite": "^7.5.2",
-    "@storybook/testing-library": "^0.2.2",
-    "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.31",
-    "storybook": "^7.5.2",
-    "tailwindcss": "^3.3.5"
-  }
+{
+  "name": "@gyramais/gyra-design",
+  "version": "0.1.2",
+  "description": "Gyramais Design System",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "npm run test",
+    "build": "node --max-old-space-size=8192 node_modules/rollup/dist/bin/rollup -c rollup.config.js",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gyramais/gyra-design.git"
+  },
+  "author": "Gyramais Development Team <Ninjas>",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/gyramais/gyra-design/issues"
+  },
+  "homepage": "https://github.com/gyramais/gyra-design#readme",
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.16",
+    "@mui/material": "^5.14.17",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-menubar": "^1.0.4",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/react": "^18.2.33",
+    "@types/react-collapse": "^5.0.4",
+    "@types/react-text-mask": "^5.4.14",
+    "class-variance-authority": "^0.7.0",
+    "classnames": "^2.3.2",
+    "clsx": "^2.0.0",
+    "dayjs": "^1.11.10",
+    "lucide-react": "^0.292.0",
+    "react": "18.2.0",
+    "react-collapse": "^5.1.1",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.48.2",
+    "react-modern-drawer": "^1.2.2",
+    "react-text-mask": "^5.5.0",
+    "react-toastify": "^9.1.3",
+    "recharts": "^2.10.1",
+    "rollup": "^4.2.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tailwind-merge": "^2.0.0",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.5.2",
+    "@storybook/addon-links": "^7.5.2",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.5.2",
+    "@storybook/react": "^7.5.2",
+    "@storybook/react-vite": "^7.5.2",
+    "@storybook/testing-library": "^0.2.2",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.31",
+    "storybook": "^7.5.2",
+    "tailwindcss": "^3.3.5"
+  }
 }

package/{README.md → readme.md}

@@ -1,31 +1,31 @@
-# gyra-design
-
-Pacote de componentes da Gyramais com o intuito de padronizar e afunilar todos os componentes de projetos.
-## Stack utilizada
-
-- **Componentes:** Typescript, React, TailwindCSS
-- **Documentação:** Storybook
-- **Bundler:** Rollup
-
-## Funcionalidades
-
-- Tema personalizável
-- Componentes padrão da Gyramais
-
-## Comandos
-
-Baixe o projeto em gyramais/gyra-design
-```bash
-  npm install
-  npm run storybook
-```
-
-Para realizar o build do pacote completo
-```
-  npm run build 
-```
-    
-Para realizar o build de um componente específico (ex: Button)
-```
-  npm run build --component=Button
-```
+# gyra-design
+
+Pacote de componentes da Gyramais com o intuito de padronizar e afunilar todos os componentes de projetos.
+## Stack utilizada
+
+- **Componentes:** Typescript, React, TailwindCSS
+- **Documentação:** Storybook
+- **Bundler:** Rollup
+
+## Funcionalidades
+
+- Tema personalizável
+- Componentes padrão da Gyramais
+
+## Comandos
+
+Baixe o projeto em gyramais/gyra-design
+```bash
+  npm install
+  npm run storybook
+```
+
+Para realizar o build do pacote completo
+```
+  npm run build 
+```
+    
+Para realizar o build de um componente específico (ex: Button)
+```
+  npm run build --component=Button
+```

package/.eslintrc.json

@@ -1,14 +0,0 @@
-{
-  "extends": "next/core-web-vitals",
-  "rules": {
-    "indent": ["error", 2, { "SwitchCase": 1 }],
-    "keyword-spacing": ["error", { "after": true, "before": true }],
-    "comma-dangle": ["error", "always-multiline"],
-    "semi": ["error", "always"],
-    "quotes": ["error", "single"],
-    "arrow-spacing": ["error", { "before": true, "after": true }],
-    "space-in-parens": ["error", "never"],
-    "no-trailing-spaces": ["error"],
-    "no-multi-spaces": ["error"]
-  }
-}

package/.storybook/main.ts

@@ -1,20 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.stories.tsx"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-onboarding",
-    "@storybook/addon-interactions",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: true,
-    defaultName: 'Overview',
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,45 +0,0 @@
-import '../src/index.css'
-import 'react-toastify/dist/ReactToastify.css';
-import 'react-modern-drawer/dist/index.css'
-
-import type { Preview } from "@storybook/react";
-
-const preview: Preview = {
-  parameters: {
-    layout: 'centered',
-    backgrounds: {
-      default: 'grey',
-      values: [{
-        name: 'black',
-        value: '#000000',
-      }, {
-        name: 'grey',
-        value: '#eeecec',
-      }, {
-        name: 'white',
-        value: '#ffffff',
-      }],
-    },
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-      exclude: [
-        'children',
-        'onClick',
-      ]
-    },
-    docs: {
-      controls: {
-        exclude: [
-          'children',
-          'onClick',
-        ]
-      },
-    },
-  },
-};
-
-export default preview;

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}