@algorithm-shift/design-system 1.2.2 → 1.2.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.
Files changed (7) hide show
  1. package/dist/index.d.mts +14 -4
  2. package/dist/index.d.ts +14 -4
  3. package/dist/index.js +20 -0
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +18 -0
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
3
- import * as React from 'react';
3
+ import * as React$1 from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
  import { ClassValue } from 'clsx';
6
6
 
@@ -8,14 +8,24 @@ declare const buttonVariants: (props?: ({
8
8
  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
9
9
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
10
10
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
11
- declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
11
+ declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
12
12
  asChild?: boolean;
13
13
  }): react_jsx_runtime.JSX.Element;
14
14
 
15
- declare function CustomButton({ className, asChild, ...props }: React.ComponentProps<"button"> & {
15
+ declare function CustomButton({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
16
16
  asChild?: boolean;
17
17
  }): react_jsx_runtime.JSX.Element;
18
18
 
19
+ interface ElementProps {
20
+ children?: React.ReactNode;
21
+ className?: string;
22
+ style?: React.CSSProperties;
23
+ }
24
+
25
+ declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
26
+
27
+ declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
28
+
19
29
  declare function cn(...inputs: ClassValue[]): string;
20
30
 
21
- export { Button, CustomButton, buttonVariants, cn };
31
+ export { Button, CustomButton, Flex as FlexLayout, Grid as GridLayout, buttonVariants, cn };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
3
- import * as React from 'react';
3
+ import * as React$1 from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
  import { ClassValue } from 'clsx';
6
6
 
@@ -8,14 +8,24 @@ declare const buttonVariants: (props?: ({
8
8
  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
9
9
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
10
10
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
11
- declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
11
+ declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
12
12
  asChild?: boolean;
13
13
  }): react_jsx_runtime.JSX.Element;
14
14
 
15
- declare function CustomButton({ className, asChild, ...props }: React.ComponentProps<"button"> & {
15
+ declare function CustomButton({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
16
16
  asChild?: boolean;
17
17
  }): react_jsx_runtime.JSX.Element;
18
18
 
19
+ interface ElementProps {
20
+ children?: React.ReactNode;
21
+ className?: string;
22
+ style?: React.CSSProperties;
23
+ }
24
+
25
+ declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
26
+
27
+ declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
28
+
19
29
  declare function cn(...inputs: ClassValue[]): string;
20
30
 
21
- export { Button, CustomButton, buttonVariants, cn };
31
+ export { Button, CustomButton, Flex as FlexLayout, Grid as GridLayout, buttonVariants, cn };
package/dist/index.js CHANGED
@@ -22,6 +22,8 @@ var index_exports = {};
22
22
  __export(index_exports, {
23
23
  Button: () => Button,
24
24
  CustomButton: () => CustomButton,
25
+ FlexLayout: () => Flex_default,
26
+ GridLayout: () => Grid_default,
25
27
  buttonVariants: () => buttonVariants,
26
28
  cn: () => cn
27
29
  });
@@ -102,13 +104,31 @@ function CustomButton({
102
104
 
103
105
  // src/components/Layout/Flex.tsx
104
106
  var import_jsx_runtime3 = require("react/jsx-runtime");
107
+ var Flex = ({
108
+ children,
109
+ className,
110
+ style
111
+ }) => {
112
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className, style, children });
113
+ };
114
+ var Flex_default = Flex;
105
115
 
106
116
  // src/components/Layout/Grid.tsx
107
117
  var import_jsx_runtime4 = require("react/jsx-runtime");
118
+ var Grid = ({
119
+ children,
120
+ className,
121
+ style
122
+ }) => {
123
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style, children });
124
+ };
125
+ var Grid_default = Grid;
108
126
  // Annotate the CommonJS export names for ESM import in node:
109
127
  0 && (module.exports = {
110
128
  Button,
111
129
  CustomButton,
130
+ FlexLayout,
131
+ GridLayout,
112
132
  buttonVariants,
113
133
  cn
114
134
  });
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/CustomButton.tsx","../src/components/Layout/Flex.tsx","../src/components/Layout/Grid.tsx"],"sourcesContent":["import './global.css'\r\n\r\nexport * from \"@/components\";\r\nexport * from \"@/lib/utils\";\r\n","import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst buttonVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\r\n destructive:\r\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\r\n outline:\r\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\r\n secondary:\r\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\r\n ghost:\r\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\r\n link: \"text-primary underline-offset-4 hover:underline\",\r\n },\r\n size: {\r\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\r\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n icon: \"size-9\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n }\r\n)\r\n\r\nfunction Button({\r\n className,\r\n variant,\r\n size,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }) {\r\n const Comp = asChild ? Slot : \"button\"\r\n\r\n return (\r\n <Comp\r\n data-slot=\"button\"\r\n className={cn(buttonVariants({ variant, size, className }))}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { Button, buttonVariants }\r\n","import { clsx, type ClassValue } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs))\r\n}","import * as React from \"react\"\r\n\r\nfunction CustomButton({\r\n className,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> & {\r\n asChild?: boolean\r\n }) {\r\n\r\n return (\r\n <button\r\n data-slot=\"button\"\r\n className={\"bg-red-500 text-white shadow-xs hover:bg-red-600 focus-visible:ring-red-200 dark:focus-visible:ring-red-400 dark:bg-red-700\"}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { CustomButton }\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Flex = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Flex;\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Grid = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Grid;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,wBAAqB;AACrB,sCAAuC;;;ACFvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD6CI;AA5CJ,IAAM,qBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;;;AE7CI,IAAAA,sBAAA;AATJ,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAEK;AAEH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACXI,IAAAC,sBAAA;;;ACAA,IAAAC,sBAAA;","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/CustomButton.tsx","../src/components/Layout/Flex.tsx","../src/components/Layout/Grid.tsx"],"sourcesContent":["import './global.css'\r\n\r\nexport * from \"@/components\";\r\nexport * from \"@/lib/utils\";\r\n","import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst buttonVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\r\n destructive:\r\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\r\n outline:\r\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\r\n secondary:\r\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\r\n ghost:\r\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\r\n link: \"text-primary underline-offset-4 hover:underline\",\r\n },\r\n size: {\r\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\r\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n icon: \"size-9\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n }\r\n)\r\n\r\nfunction Button({\r\n className,\r\n variant,\r\n size,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }) {\r\n const Comp = asChild ? Slot : \"button\"\r\n\r\n return (\r\n <Comp\r\n data-slot=\"button\"\r\n className={cn(buttonVariants({ variant, size, className }))}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { Button, buttonVariants }\r\n","import { clsx, type ClassValue } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs))\r\n}","import * as React from \"react\"\r\n\r\nfunction CustomButton({\r\n className,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> & {\r\n asChild?: boolean\r\n }) {\r\n\r\n return (\r\n <button\r\n data-slot=\"button\"\r\n className={\"bg-red-500 text-white shadow-xs hover:bg-red-600 focus-visible:ring-red-200 dark:focus-visible:ring-red-400 dark:bg-red-700\"}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { CustomButton }\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Flex = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Flex;\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Grid = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Grid;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,wBAAqB;AACrB,sCAAuC;;;ACFvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD6CI;AA5CJ,IAAM,qBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;;;AE7CI,IAAAA,sBAAA;AATJ,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAEK;AAEH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACXI,IAAAC,sBAAA;AAJJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EAAU;AAAA,EAAW;AACvB,MAAoB;AAClB,SACE,6CAAC,SAAI,WAAsB,OACxB,UACH;AAEJ;AAEA,IAAO,eAAQ;;;ACNX,IAAAC,sBAAA;AAJJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EAAU;AAAA,EAAW;AACvB,MAAoB;AAClB,SACE,6CAAC,SAAI,WAAsB,OACxB,UACH;AAEJ;AAEA,IAAO,eAAQ;","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}
package/dist/index.mjs CHANGED
@@ -73,12 +73,30 @@ function CustomButton({
73
73
 
74
74
  // src/components/Layout/Flex.tsx
75
75
  import { jsx as jsx3 } from "react/jsx-runtime";
76
+ var Flex = ({
77
+ children,
78
+ className,
79
+ style
80
+ }) => {
81
+ return /* @__PURE__ */ jsx3("div", { className, style, children });
82
+ };
83
+ var Flex_default = Flex;
76
84
 
77
85
  // src/components/Layout/Grid.tsx
78
86
  import { jsx as jsx4 } from "react/jsx-runtime";
87
+ var Grid = ({
88
+ children,
89
+ className,
90
+ style
91
+ }) => {
92
+ return /* @__PURE__ */ jsx4("div", { className, style, children });
93
+ };
94
+ var Grid_default = Grid;
79
95
  export {
80
96
  Button,
81
97
  CustomButton,
98
+ Flex_default as FlexLayout,
99
+ Grid_default as GridLayout,
82
100
  buttonVariants,
83
101
  cn
84
102
  };
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/CustomButton.tsx","../src/components/Layout/Flex.tsx","../src/components/Layout/Grid.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst buttonVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\r\n destructive:\r\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\r\n outline:\r\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\r\n secondary:\r\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\r\n ghost:\r\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\r\n link: \"text-primary underline-offset-4 hover:underline\",\r\n },\r\n size: {\r\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\r\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n icon: \"size-9\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n }\r\n)\r\n\r\nfunction Button({\r\n className,\r\n variant,\r\n size,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }) {\r\n const Comp = asChild ? Slot : \"button\"\r\n\r\n return (\r\n <Comp\r\n data-slot=\"button\"\r\n className={cn(buttonVariants({ variant, size, className }))}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { Button, buttonVariants }\r\n","import { clsx, type ClassValue } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs))\r\n}","import * as React from \"react\"\r\n\r\nfunction CustomButton({\r\n className,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> & {\r\n asChild?: boolean\r\n }) {\r\n\r\n return (\r\n <button\r\n data-slot=\"button\"\r\n className={\"bg-red-500 text-white shadow-xs hover:bg-red-600 focus-visible:ring-red-200 dark:focus-visible:ring-red-400 dark:bg-red-700\"}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { CustomButton }\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Flex = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Flex;\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Grid = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Grid;\r\n"],"mappings":";AACA,SAAS,YAAY;AACrB,SAAS,WAA8B;;;ACFvC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD6CI;AA5CJ,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;;;AE7CI,gBAAAA,YAAA;AATJ,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAEK;AAEH,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACXI,gBAAAC,YAAA;;;ACAA,gBAAAC,YAAA;","names":["jsx","jsx","jsx"]}
1
+ {"version":3,"sources":["../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/CustomButton.tsx","../src/components/Layout/Flex.tsx","../src/components/Layout/Grid.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst buttonVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\r\n destructive:\r\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\r\n outline:\r\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\r\n secondary:\r\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\r\n ghost:\r\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\r\n link: \"text-primary underline-offset-4 hover:underline\",\r\n },\r\n size: {\r\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\r\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n icon: \"size-9\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n }\r\n)\r\n\r\nfunction Button({\r\n className,\r\n variant,\r\n size,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }) {\r\n const Comp = asChild ? Slot : \"button\"\r\n\r\n return (\r\n <Comp\r\n data-slot=\"button\"\r\n className={cn(buttonVariants({ variant, size, className }))}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { Button, buttonVariants }\r\n","import { clsx, type ClassValue } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs))\r\n}","import * as React from \"react\"\r\n\r\nfunction CustomButton({\r\n className,\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"button\"> & {\r\n asChild?: boolean\r\n }) {\r\n\r\n return (\r\n <button\r\n data-slot=\"button\"\r\n className={\"bg-red-500 text-white shadow-xs hover:bg-red-600 focus-visible:ring-red-200 dark:focus-visible:ring-red-400 dark:bg-red-700\"}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { CustomButton }\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Flex = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Flex;\r\n","import { ElementProps } from \"@/types/global\";\r\n\r\nconst Grid = ({\r\n children, className, style\r\n}: ElementProps) => {\r\n return (\r\n <div className={className} style={style}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Grid;\r\n"],"mappings":";AACA,SAAS,YAAY;AACrB,SAAS,WAA8B;;;ACFvC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD6CI;AA5CJ,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;;;AE7CI,gBAAAA,YAAA;AATJ,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAEK;AAEH,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACXI,gBAAAC,YAAA;AAJJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EAAU;AAAA,EAAW;AACvB,MAAoB;AAClB,SACE,gBAAAA,KAAC,SAAI,WAAsB,OACxB,UACH;AAEJ;AAEA,IAAO,eAAQ;;;ACNX,gBAAAC,YAAA;AAJJ,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EAAU;AAAA,EAAW;AACvB,MAAoB;AAClB,SACE,gBAAAA,KAAC,SAAI,WAAsB,OACxB,UACH;AAEJ;AAEA,IAAO,eAAQ;","names":["jsx","jsx","jsx"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@algorithm-shift/design-system",
3
- "version": "1.2.2",
3
+ "version": "1.2.3",
4
4
  "description": "A React + Tailwind CSS design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",