@codefast/ui 0.0.29 → 0.0.31
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/alert-dialog.js +1 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +1 -1
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/base.plugin.js +2 -0
- package/dist/base.plugin.js.map +1 -0
- package/dist/base.plugin.mjs +2 -0
- package/dist/base.plugin.mjs.map +1 -0
- package/dist/button.js +1 -1
- package/dist/button.mjs +1 -1
- package/dist/calendar.js +1 -1
- package/dist/calendar.mjs +1 -1
- package/dist/carousel.js +1 -1
- package/dist/carousel.mjs +1 -1
- package/dist/checkbox-cards.js +1 -1
- package/dist/checkbox-cards.js.map +1 -1
- package/dist/checkbox-cards.mjs +1 -1
- package/dist/checkbox-cards.mjs.map +1 -1
- package/dist/checkbox-group.js +1 -1
- package/dist/checkbox-group.js.map +1 -1
- package/dist/checkbox-group.mjs +1 -1
- package/dist/checkbox-group.mjs.map +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.mjs +1 -1
- package/dist/checkbox.mjs.map +1 -1
- package/dist/chunk-26J6SFEU.js +2 -0
- package/dist/chunk-26J6SFEU.js.map +1 -0
- package/dist/chunk-BWJXBUPJ.mjs +2 -0
- package/dist/chunk-BWJXBUPJ.mjs.map +1 -0
- package/dist/chunk-GPTCB4YH.js +2 -0
- package/dist/chunk-GPTCB4YH.js.map +1 -0
- package/dist/chunk-JEZCPGVT.mjs +2 -0
- package/dist/chunk-JEZCPGVT.mjs.map +1 -0
- package/dist/chunk-KS3GNMHO.js +2 -0
- package/dist/chunk-KS3GNMHO.js.map +1 -0
- package/dist/chunk-L3FG5GI7.mjs +2 -0
- package/dist/chunk-L3FG5GI7.mjs.map +1 -0
- package/dist/chunk-QWMBDWTC.mjs +2 -0
- package/dist/chunk-QWMBDWTC.mjs.map +1 -0
- package/dist/chunk-R3GS7RNK.mjs +2 -0
- package/dist/chunk-R3GS7RNK.mjs.map +1 -0
- package/dist/chunk-TFDTVUXH.js +2 -0
- package/dist/chunk-TFDTVUXH.js.map +1 -0
- package/dist/chunk-UP3JYARI.mjs +2 -0
- package/dist/chunk-UP3JYARI.mjs.map +1 -0
- package/dist/chunk-XODJKARZ.js +2 -0
- package/dist/{chunk-CNPQJV2G.js.map → chunk-XODJKARZ.js.map} +1 -1
- package/dist/chunk-XQWJJPF5.js +2 -0
- package/dist/chunk-XQWJJPF5.js.map +1 -0
- package/dist/command.js +1 -1
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +1 -1
- package/dist/command.mjs.map +1 -1
- package/dist/context-menu.js +1 -1
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +1 -1
- package/dist/context-menu.mjs.map +1 -1
- package/dist/data-table.js +1 -1
- package/dist/data-table.mjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/dialog.mjs +1 -1
- package/dist/dropdown-menu.js +1 -1
- package/dist/dropdown-menu.mjs +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +1 -1
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.js +1 -1
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +1 -1
- package/dist/input-otp.mjs.map +1 -1
- package/dist/input.js +1 -1
- package/dist/input.js.map +1 -1
- package/dist/input.mjs +1 -1
- package/dist/input.mjs.map +1 -1
- package/dist/menubar.js +1 -1
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +1 -1
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.js +1 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +1 -1
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +1 -1
- package/dist/pagination.mjs +1 -1
- package/dist/popover.js +1 -1
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +1 -1
- package/dist/popover.mjs.map +1 -1
- package/dist/radio-cards.js +1 -1
- package/dist/radio-cards.js.map +1 -1
- package/dist/radio-cards.mjs +1 -1
- package/dist/radio-cards.mjs.map +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.mjs +1 -1
- package/dist/radio-group.mjs.map +1 -1
- package/dist/radio.js +1 -1
- package/dist/radio.js.map +1 -1
- package/dist/radio.mjs +1 -1
- package/dist/radio.mjs.map +1 -1
- package/dist/resizable.js +1 -1
- package/dist/resizable.js.map +1 -1
- package/dist/resizable.mjs +1 -1
- package/dist/resizable.mjs.map +1 -1
- package/dist/select.js +1 -1
- package/dist/select.mjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +1 -1
- package/dist/sheet.mjs.map +1 -1
- package/dist/slider.js +1 -1
- package/dist/slider.js.map +1 -1
- package/dist/slider.mjs +1 -1
- package/dist/slider.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/switch.js +1 -1
- package/dist/switch.js.map +1 -1
- package/dist/switch.mjs +1 -1
- package/dist/switch.mjs.map +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.mjs +1 -1
- package/dist/tabs.mjs.map +1 -1
- package/dist/tailwind.config.js +1 -1
- package/dist/tailwind.config.js.map +1 -1
- package/dist/tailwind.config.mjs +1 -1
- package/dist/tailwind.config.mjs.map +1 -1
- package/dist/textarea.js +1 -1
- package/dist/textarea.js.map +1 -1
- package/dist/textarea.mjs +1 -1
- package/dist/textarea.mjs.map +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/toggle-group.mjs +1 -1
- package/dist/toggle.js +1 -1
- package/dist/toggle.mjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +1 -1
- package/dist/tooltip.mjs.map +1 -1
- package/package.json +3 -3
- package/src/alert-dialog.tsx +1 -1
- package/src/button.tsx +2 -2
- package/src/checkbox-cards.tsx +1 -1
- package/src/checkbox-group.tsx +1 -1
- package/src/checkbox.tsx +1 -1
- package/src/command.tsx +3 -3
- package/src/context-menu.tsx +6 -6
- package/src/dialog.tsx +2 -2
- package/src/dropdown-menu.tsx +6 -6
- package/src/hover-card.tsx +1 -1
- package/src/input-otp.tsx +1 -1
- package/src/input.tsx +1 -1
- package/src/menubar.tsx +7 -7
- package/src/navigation-menu.tsx +2 -2
- package/src/popover.tsx +1 -1
- package/src/radio-cards.tsx +1 -1
- package/src/radio-group.tsx +1 -1
- package/src/radio.tsx +1 -1
- package/src/resizable.tsx +1 -1
- package/src/select.tsx +2 -2
- package/src/sheet.tsx +1 -1
- package/src/slider.tsx +1 -1
- package/src/switch.tsx +2 -2
- package/src/tabs.tsx +2 -5
- package/src/textarea.tsx +1 -1
- package/src/toggle.tsx +1 -1
- package/src/tooltip.tsx +1 -1
- package/tailwind.config.ts +14 -1
- package/dist/chunk-CF2GOAXC.mjs +0 -2
- package/dist/chunk-CF2GOAXC.mjs.map +0 -1
- package/dist/chunk-CHJJRHD2.mjs +0 -2
- package/dist/chunk-CHJJRHD2.mjs.map +0 -1
- package/dist/chunk-CNPQJV2G.js +0 -2
- package/dist/chunk-J5EXNAHZ.js +0 -2
- package/dist/chunk-J5EXNAHZ.js.map +0 -1
- package/dist/chunk-KICZFOKE.js +0 -2
- package/dist/chunk-KICZFOKE.js.map +0 -1
- package/dist/chunk-S23IT4G2.js +0 -2
- package/dist/chunk-S23IT4G2.js.map +0 -1
- package/dist/chunk-VDYNVLXR.mjs +0 -2
- package/dist/chunk-VDYNVLXR.mjs.map +0 -1
- package/dist/chunk-XPJZ6WQM.js +0 -2
- package/dist/chunk-XPJZ6WQM.js.map +0 -1
- package/dist/chunk-YV4UJQ5X.mjs +0 -2
- package/dist/chunk-YV4UJQ5X.mjs.map +0 -1
- package/dist/chunk-ZMVKHU4U.mjs +0 -2
- package/dist/chunk-ZMVKHU4U.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../tailwind.config.ts"],"names":["fontFamily","config","animate_plugin_default","perspective_plugin_default","tailwind_config_default"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../tailwind.config.ts"],"names":["fontFamily","config","animate_plugin_default","perspective_plugin_default","base_plugin_default","tailwind_config_default"],"mappings":"mHACA,OAAS,cAAAA,MAAkB,2BAK3B,IAAMC,EAAiB,CACrB,QAAS,CAAC,gCAAgC,EAC1C,SAAU,CAAC,OAAO,EAClB,QAAS,CAACC,EAASC,EAAaC,CAAI,EACpC,MAAO,CACL,OAAQ,CACN,UAAW,CACT,iBAAkB,+BAClB,eAAgB,6BAChB,cAAe,qCACjB,EACA,YAAa,CACX,QAAS,oBACX,EACA,aAAc,CACZ,GAAI,yCACJ,QAAS,yBACT,GAAI,0CACJ,GAAI,yCACJ,GAAI,wCACJ,MAAO,yCACP,MAAO,wCACT,EACA,OAAQ,CACN,OAAQ,CACN,QAAS,qBACT,WAAY,+BACd,EACA,WAAY,yBACZ,OAAQ,qBACR,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,SAAU,uBACV,YAAa,CACX,QAAS,0BACT,WAAY,oCACd,EACA,WAAY,yBACZ,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,MAAO,oBACP,MAAO,CACL,QAAS,oBACT,WAAY,8BACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,KAAM,mBACN,UAAW,CACT,QAAS,wBACT,WAAY,kCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,CACF,EACA,WAAY,CACV,KAAM,oBAAoBJ,EAAW,KAAK,KAAK,IAAI,CAAC,GACtD,EACA,UAAW,CACT,iBAAkB,CAChB,KAAM,CACJ,OAAQ,GACV,EACA,GAAI,CACF,OAAQ,uCACV,CACF,EACA,eAAgB,CACd,KAAM,CACJ,OAAQ,uCACV,EACA,GAAI,CACF,OAAQ,GACV,CACF,EACA,cAAe,CACb,cAAe,CACb,QAAS,GACX,EACA,UAAW,CACT,QAAS,GACX,CACF,CACF,EACA,aAAc,CACZ,QAAS,kBACX,EACA,UAAW,CACT,QAAS,kBACX,EACA,gBAAiB,CACf,QAAS,wBACX,EACA,QAAS,CACP,IAAM,WACR,EACA,mBAAoB,CAClB,IAAK,OACP,CACF,CACF,CACF,EAEOK,EAAQJ","sourcesContent":["import type { Config } from \"tailwindcss\";\nimport { fontFamily } from \"tailwindcss/defaultTheme\";\nimport animate from \"./animate.plugin\";\nimport perspective from \"./perspective.plugin\";\nimport base from \"./base.plugin\";\n\nconst config: Config = {\n content: [\"./src/**/*.{js,ts,jsx,tsx,mdx}\"],\n darkMode: [\"class\"],\n plugins: [animate, perspective, base],\n theme: {\n extend: {\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\n },\n borderColor: {\n DEFAULT: \"hsl(var(--border))\",\n },\n borderRadius: {\n sm: \"calc(var(--radius, 0.25rem) - 0.125px)\", // 2px\n DEFAULT: \"var(--radius, 0.25rem)\", // 4px\n md: \"calc(var(--radius, 0.25rem) + 0.125rem)\", // 6px\n lg: \"calc(var(--radius, 0.25rem) + 0.25rem)\", // 8px\n xl: \"calc(var(--radius, 0.25rem) + 0.5rem)\", // 12px\n \"2xl\": \"calc(var(--radius, 0.25rem) + 0.75rem)\", // 16px\n \"3xl\": \"calc(var(--radius, 0.25rem) + 1.25rem)\", // 24px\n },\n colors: {\n accent: {\n DEFAULT: \"hsl(var(--accent))\",\n foreground: \"hsl(var(--accent-foreground))\",\n },\n background: \"hsl(var(--background))\",\n border: \"hsl(var(--border))\",\n card: {\n DEFAULT: \"hsl(var(--card))\",\n foreground: \"hsl(var(--card-foreground))\",\n },\n compound: \"hsl(var(--compound))\",\n destructive: {\n DEFAULT: \"hsl(var(--destructive))\",\n foreground: \"hsl(var(--destructive-foreground))\",\n },\n foreground: \"hsl(var(--foreground))\",\n info: {\n DEFAULT: \"hsl(var(--info))\",\n foreground: \"hsl(var(--info-foreground))\",\n },\n input: \"hsl(var(--input))\",\n muted: {\n DEFAULT: \"hsl(var(--muted))\",\n foreground: \"hsl(var(--muted-foreground))\",\n },\n popover: {\n DEFAULT: \"hsl(var(--popover))\",\n foreground: \"hsl(var(--popover-foreground))\",\n },\n primary: {\n DEFAULT: \"hsl(var(--primary))\",\n foreground: \"hsl(var(--primary-foreground))\",\n },\n ring: \"hsl(var(--ring))\",\n secondary: {\n DEFAULT: \"hsl(var(--secondary))\",\n foreground: \"hsl(var(--secondary-foreground))\",\n },\n success: {\n DEFAULT: \"hsl(var(--success))\",\n foreground: \"hsl(var(--success-foreground))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning))\",\n foreground: \"hsl(var(--warning-foreground))\",\n },\n },\n fontFamily: {\n sans: `var(--font-sans, ${fontFamily.sans.join(\", \")})`,\n },\n keyframes: {\n \"accordion-down\": {\n from: {\n height: \"0\",\n },\n to: {\n height: \"var(--radix-accordion-content-height)\",\n },\n },\n \"accordion-up\": {\n from: {\n height: \"var(--radix-accordion-content-height)\",\n },\n to: {\n height: \"0\",\n },\n },\n \"caret-blink\": {\n \"0%,70%,100%\": {\n opacity: \"1\",\n },\n \"20%,50%\": {\n opacity: \"0\",\n },\n },\n },\n outlineColor: {\n DEFAULT: \"hsl(var(--ring))\",\n },\n ringColor: {\n DEFAULT: \"hsl(var(--ring))\",\n },\n ringOffsetColor: {\n DEFAULT: \"hsl(var(--background))\",\n },\n spacing: {\n 0.75: \"0.1875rem\", // 3px\n },\n transitionDuration: {\n 250: \"250ms\",\n },\n },\n },\n};\n\nexport default config;\n"]}
|
package/dist/tailwind.config.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as r}from"./chunk-HJ4U5JJA.mjs";import{a as o}from"./chunk-ZLAYTLRK.mjs";import{fontFamily as
|
|
1
|
+
import{a as r}from"./chunk-HJ4U5JJA.mjs";import{a}from"./chunk-BWJXBUPJ.mjs";import{a as o}from"./chunk-ZLAYTLRK.mjs";import{fontFamily as e}from"tailwindcss/defaultTheme";var n={content:["./src/**/*.{js,ts,jsx,tsx,mdx}"],darkMode:["class"],plugins:[r,o,a],theme:{extend:{animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out","caret-blink":"caret-blink 1.25s ease-out infinite"},borderColor:{DEFAULT:"hsl(var(--border))"},borderRadius:{sm:"calc(var(--radius, 0.25rem) - 0.125px)",DEFAULT:"var(--radius, 0.25rem)",md:"calc(var(--radius, 0.25rem) + 0.125rem)",lg:"calc(var(--radius, 0.25rem) + 0.25rem)",xl:"calc(var(--radius, 0.25rem) + 0.5rem)","2xl":"calc(var(--radius, 0.25rem) + 0.75rem)","3xl":"calc(var(--radius, 0.25rem) + 1.25rem)"},colors:{accent:{DEFAULT:"hsl(var(--accent))",foreground:"hsl(var(--accent-foreground))"},background:"hsl(var(--background))",border:"hsl(var(--border))",card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"},compound:"hsl(var(--compound))",destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},foreground:"hsl(var(--foreground))",info:{DEFAULT:"hsl(var(--info))",foreground:"hsl(var(--info-foreground))"},input:"hsl(var(--input))",muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},popover:{DEFAULT:"hsl(var(--popover))",foreground:"hsl(var(--popover-foreground))"},primary:{DEFAULT:"hsl(var(--primary))",foreground:"hsl(var(--primary-foreground))"},ring:"hsl(var(--ring))",secondary:{DEFAULT:"hsl(var(--secondary))",foreground:"hsl(var(--secondary-foreground))"},success:{DEFAULT:"hsl(var(--success))",foreground:"hsl(var(--success-foreground))"},warning:{DEFAULT:"hsl(var(--warning))",foreground:"hsl(var(--warning-foreground))"}},fontFamily:{sans:`var(--font-sans, ${e.sans.join(", ")})`},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}},"caret-blink":{"0%,70%,100%":{opacity:"1"},"20%,50%":{opacity:"0"}}},outlineColor:{DEFAULT:"hsl(var(--ring))"},ringColor:{DEFAULT:"hsl(var(--ring))"},ringOffsetColor:{DEFAULT:"hsl(var(--background))"},spacing:{.75:"0.1875rem"},transitionDuration:{250:"250ms"}}}},t=n;export{t as default};
|
|
2
2
|
//# sourceMappingURL=tailwind.config.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../tailwind.config.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport { fontFamily } from \"tailwindcss/defaultTheme\";\nimport animate from \"./animate.plugin\";\nimport perspective from \"./perspective.plugin\";\n\nconst config: Config = {\n content: [\"./src/**/*.{js,ts,jsx,tsx,mdx}\"],\n darkMode: [\"class\"],\n plugins: [animate, perspective],\n theme: {\n extend: {\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\n },\n borderRadius: {\n sm: \"calc(var(--radius, 0.25rem) - 0.125px)\", // 2px\n DEFAULT: \"var(--radius, 0.25rem)\", // 4px\n md: \"calc(var(--radius, 0.25rem) + 0.125rem)\", // 6px\n lg: \"calc(var(--radius, 0.25rem) + 0.25rem)\", // 8px\n xl: \"calc(var(--radius, 0.25rem) + 0.5rem)\", // 12px\n \"2xl\": \"calc(var(--radius, 0.25rem) + 0.75rem)\", // 16px\n \"3xl\": \"calc(var(--radius, 0.25rem) + 1.25rem)\", // 24px\n },\n colors: {\n accent: {\n DEFAULT: \"hsl(var(--accent))\",\n foreground: \"hsl(var(--accent-foreground))\",\n },\n background: \"hsl(var(--background))\",\n border: \"hsl(var(--border))\",\n card: {\n DEFAULT: \"hsl(var(--card))\",\n foreground: \"hsl(var(--card-foreground))\",\n },\n compound: \"hsl(var(--compound))\",\n destructive: {\n DEFAULT: \"hsl(var(--destructive))\",\n foreground: \"hsl(var(--destructive-foreground))\",\n },\n foreground: \"hsl(var(--foreground))\",\n info: {\n DEFAULT: \"hsl(var(--info))\",\n foreground: \"hsl(var(--info-foreground))\",\n },\n input: \"hsl(var(--input))\",\n muted: {\n DEFAULT: \"hsl(var(--muted))\",\n foreground: \"hsl(var(--muted-foreground))\",\n },\n popover: {\n DEFAULT: \"hsl(var(--popover))\",\n foreground: \"hsl(var(--popover-foreground))\",\n },\n primary: {\n DEFAULT: \"hsl(var(--primary))\",\n foreground: \"hsl(var(--primary-foreground))\",\n },\n ring: \"hsl(var(--ring))\",\n secondary: {\n DEFAULT: \"hsl(var(--secondary))\",\n foreground: \"hsl(var(--secondary-foreground))\",\n },\n success: {\n DEFAULT: \"hsl(var(--success))\",\n foreground: \"hsl(var(--success-foreground))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning))\",\n foreground: \"hsl(var(--warning-foreground))\",\n },\n },\n fontFamily: {\n sans: `var(--font-sans, ${fontFamily.sans.join(\", \")})`,\n },\n keyframes: {\n \"accordion-down\": {\n from: {\n height: \"0\",\n },\n to: {\n height: \"var(--radix-accordion-content-height)\",\n },\n },\n \"accordion-up\": {\n from: {\n height: \"var(--radix-accordion-content-height)\",\n },\n to: {\n height: \"0\",\n },\n },\n \"caret-blink\": {\n \"0%,70%,100%\": {\n opacity: \"1\",\n },\n \"20%,50%\": {\n opacity: \"0\",\n },\n },\n },\n spacing: {\n 0.75: \"0.1875rem\", // 3px\n },\n transitionDuration: {\n 250: \"250ms\",\n },\n },\n },\n};\n\nexport default config;\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../tailwind.config.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport { fontFamily } from \"tailwindcss/defaultTheme\";\nimport animate from \"./animate.plugin\";\nimport perspective from \"./perspective.plugin\";\nimport base from \"./base.plugin\";\n\nconst config: Config = {\n content: [\"./src/**/*.{js,ts,jsx,tsx,mdx}\"],\n darkMode: [\"class\"],\n plugins: [animate, perspective, base],\n theme: {\n extend: {\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\n },\n borderColor: {\n DEFAULT: \"hsl(var(--border))\",\n },\n borderRadius: {\n sm: \"calc(var(--radius, 0.25rem) - 0.125px)\", // 2px\n DEFAULT: \"var(--radius, 0.25rem)\", // 4px\n md: \"calc(var(--radius, 0.25rem) + 0.125rem)\", // 6px\n lg: \"calc(var(--radius, 0.25rem) + 0.25rem)\", // 8px\n xl: \"calc(var(--radius, 0.25rem) + 0.5rem)\", // 12px\n \"2xl\": \"calc(var(--radius, 0.25rem) + 0.75rem)\", // 16px\n \"3xl\": \"calc(var(--radius, 0.25rem) + 1.25rem)\", // 24px\n },\n colors: {\n accent: {\n DEFAULT: \"hsl(var(--accent))\",\n foreground: \"hsl(var(--accent-foreground))\",\n },\n background: \"hsl(var(--background))\",\n border: \"hsl(var(--border))\",\n card: {\n DEFAULT: \"hsl(var(--card))\",\n foreground: \"hsl(var(--card-foreground))\",\n },\n compound: \"hsl(var(--compound))\",\n destructive: {\n DEFAULT: \"hsl(var(--destructive))\",\n foreground: \"hsl(var(--destructive-foreground))\",\n },\n foreground: \"hsl(var(--foreground))\",\n info: {\n DEFAULT: \"hsl(var(--info))\",\n foreground: \"hsl(var(--info-foreground))\",\n },\n input: \"hsl(var(--input))\",\n muted: {\n DEFAULT: \"hsl(var(--muted))\",\n foreground: \"hsl(var(--muted-foreground))\",\n },\n popover: {\n DEFAULT: \"hsl(var(--popover))\",\n foreground: \"hsl(var(--popover-foreground))\",\n },\n primary: {\n DEFAULT: \"hsl(var(--primary))\",\n foreground: \"hsl(var(--primary-foreground))\",\n },\n ring: \"hsl(var(--ring))\",\n secondary: {\n DEFAULT: \"hsl(var(--secondary))\",\n foreground: \"hsl(var(--secondary-foreground))\",\n },\n success: {\n DEFAULT: \"hsl(var(--success))\",\n foreground: \"hsl(var(--success-foreground))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning))\",\n foreground: \"hsl(var(--warning-foreground))\",\n },\n },\n fontFamily: {\n sans: `var(--font-sans, ${fontFamily.sans.join(\", \")})`,\n },\n keyframes: {\n \"accordion-down\": {\n from: {\n height: \"0\",\n },\n to: {\n height: \"var(--radix-accordion-content-height)\",\n },\n },\n \"accordion-up\": {\n from: {\n height: \"var(--radix-accordion-content-height)\",\n },\n to: {\n height: \"0\",\n },\n },\n \"caret-blink\": {\n \"0%,70%,100%\": {\n opacity: \"1\",\n },\n \"20%,50%\": {\n opacity: \"0\",\n },\n },\n },\n outlineColor: {\n DEFAULT: \"hsl(var(--ring))\",\n },\n ringColor: {\n DEFAULT: \"hsl(var(--ring))\",\n },\n ringOffsetColor: {\n DEFAULT: \"hsl(var(--background))\",\n },\n spacing: {\n 0.75: \"0.1875rem\", // 3px\n },\n transitionDuration: {\n 250: \"250ms\",\n },\n },\n },\n};\n\nexport default config;\n"],"mappings":"sHACA,OAAS,cAAAA,MAAkB,2BAK3B,IAAMC,EAAiB,CACrB,QAAS,CAAC,gCAAgC,EAC1C,SAAU,CAAC,OAAO,EAClB,QAAS,CAACC,EAASC,EAAaC,CAAI,EACpC,MAAO,CACL,OAAQ,CACN,UAAW,CACT,iBAAkB,+BAClB,eAAgB,6BAChB,cAAe,qCACjB,EACA,YAAa,CACX,QAAS,oBACX,EACA,aAAc,CACZ,GAAI,yCACJ,QAAS,yBACT,GAAI,0CACJ,GAAI,yCACJ,GAAI,wCACJ,MAAO,yCACP,MAAO,wCACT,EACA,OAAQ,CACN,OAAQ,CACN,QAAS,qBACT,WAAY,+BACd,EACA,WAAY,yBACZ,OAAQ,qBACR,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,SAAU,uBACV,YAAa,CACX,QAAS,0BACT,WAAY,oCACd,EACA,WAAY,yBACZ,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,MAAO,oBACP,MAAO,CACL,QAAS,oBACT,WAAY,8BACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,KAAM,mBACN,UAAW,CACT,QAAS,wBACT,WAAY,kCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,CACF,EACA,WAAY,CACV,KAAM,oBAAoBC,EAAW,KAAK,KAAK,IAAI,CAAC,GACtD,EACA,UAAW,CACT,iBAAkB,CAChB,KAAM,CACJ,OAAQ,GACV,EACA,GAAI,CACF,OAAQ,uCACV,CACF,EACA,eAAgB,CACd,KAAM,CACJ,OAAQ,uCACV,EACA,GAAI,CACF,OAAQ,GACV,CACF,EACA,cAAe,CACb,cAAe,CACb,QAAS,GACX,EACA,UAAW,CACT,QAAS,GACX,CACF,CACF,EACA,aAAc,CACZ,QAAS,kBACX,EACA,UAAW,CACT,QAAS,kBACX,EACA,gBAAiB,CACf,QAAS,wBACX,EACA,QAAS,CACP,IAAM,WACR,EACA,mBAAoB,CAClB,IAAK,OACP,CACF,CACF,CACF,EAEOC,EAAQL","names":["fontFamily","config","animate_plugin_default","perspective_plugin_default","base_plugin_default","fontFamily","tailwind_config_default"]}
|
package/dist/textarea.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var t = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var s=t.forwardRef(({className:r
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var t = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var s=t.forwardRef(({className:a,...r},o)=>_jsxruntime.jsx.call(void 0, "textarea",{className:_chunkQZCQ42BPjs.b.call(void 0, "border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",a),ref:o,...r}));s.displayName="Textarea";exports.Textarea = s;
|
|
2
2
|
//# sourceMappingURL=textarea.js.map
|
package/dist/textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/textarea.tsx"],"names":["React","jsx","Textarea","className","props","ref","cn"],"mappings":"wCAAA,UAAYA,MAAW,QAYnB,cAAAC,MAAA,oBAFJ,IAAMC,EAAiB,aAA2C,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExFJ,EAAC,YACC,UAAWK,EACT,
|
|
1
|
+
{"version":3,"sources":["../src/textarea.tsx"],"names":["React","jsx","Textarea","className","props","ref","cn"],"mappings":"wCAAA,UAAYA,MAAW,QAYnB,cAAAC,MAAA,oBAFJ,IAAMC,EAAiB,aAA2C,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExFJ,EAAC,YACC,UAAWK,EACT,gQACAH,CACF,EACA,IAAKE,EACJ,GAAGD,EACN,CAEH,EAEDF,EAAS,YAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\ntype TextareaElement = HTMLTextAreaElement;\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\n\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea, type TextareaProps };\n"]}
|
package/dist/textarea.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as e}from"./chunk-JTI7KCLO.mjs";import*as t from"react";import{jsx as
|
|
1
|
+
import{b as e}from"./chunk-JTI7KCLO.mjs";import*as t from"react";import{jsx as l}from"react/jsx-runtime";var s=t.forwardRef(({className:a,...r},o)=>l("textarea",{className:e("border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",a),ref:o,...r}));s.displayName="Textarea";export{s as Textarea};
|
|
2
2
|
//# sourceMappingURL=textarea.mjs.map
|
package/dist/textarea.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\ntype TextareaElement = HTMLTextAreaElement;\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground
|
|
1
|
+
{"version":3,"sources":["../src/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\ntype TextareaElement = HTMLTextAreaElement;\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\n\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea, type TextareaProps };\n"],"mappings":"yCAAA,UAAYA,MAAW,QAYnB,cAAAC,MAAA,oBAFJ,IAAMC,EAAiB,aAA2C,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExFJ,EAAC,YACC,UAAWK,EACT,gQACAH,CACF,EACA,IAAKE,EACJ,GAAGD,EACN,CAEH,EAEDF,EAAS,YAAc","names":["React","jsx","Textarea","className","props","ref","cn"]}
|
package/dist/toggle-group.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkKS3GNMHOjs = require('./chunk-KS3GNMHO.js');var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reacttogglegroup = require('@radix-ui/react-toggle-group'); var e = _interopRequireWildcard(_reacttogglegroup);var _reactcontext = require('@radix-ui/react-context');var _jsxruntime = require('react/jsx-runtime');var u="ToggleGroup",[R]=_reactcontext.createContextScope.call(void 0, u,[_reacttogglegroup.createToggleGroupScope]),n=_reacttogglegroup.createToggleGroupScope.call(void 0, ),[y,I]=R(u),v= exports.ToggleGroup =s.forwardRef(({__scopeToggleGroup:o,className:t,variant:r,size:p,children:g,...l},i)=>{let P=n(o);return _jsxruntime.jsx.call(void 0, y,{scope:o,size:p,variant:r,children:_jsxruntime.jsx.call(void 0, e.Root,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "flex items-center justify-center gap-1",t),...P,...l,children:g})})});v.displayName=u;var a="ToggleGroupItem",E= exports.ToggleGroupItem =s.forwardRef(({__scopeToggleGroup:o,className:t,children:r,...p},g)=>{let l=I(a,o),i=n(o);return _jsxruntime.jsx.call(void 0, e.Item,{ref:g,className:_chunkKS3GNMHOjs.a.call(void 0, {...l,className:t}),...i,...p,children:r})});E.displayName=a;exports.ToggleGroup = v; exports.ToggleGroupItem = E;
|
|
2
2
|
//# sourceMappingURL=toggle-group.js.map
|
package/dist/toggle-group.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a as c}from"./chunk-
|
|
1
|
+
"use client";import{a as c}from"./chunk-L3FG5GI7.mjs";import{b as G}from"./chunk-JTI7KCLO.mjs";import*as s from"react";import*as e from"@radix-ui/react-toggle-group";import{createToggleGroupScope as T}from"@radix-ui/react-toggle-group";import{createContextScope as f}from"@radix-ui/react-context";import{jsx as m}from"react/jsx-runtime";var u="ToggleGroup",[R]=f(u,[T]),n=T(),[y,I]=R(u),v=s.forwardRef(({__scopeToggleGroup:o,className:t,variant:r,size:p,children:g,...l},i)=>{let P=n(o);return m(y,{scope:o,size:p,variant:r,children:m(e.Root,{ref:i,className:G("flex items-center justify-center gap-1",t),...P,...l,children:g})})});v.displayName=u;var a="ToggleGroupItem",E=s.forwardRef(({__scopeToggleGroup:o,className:t,children:r,...p},g)=>{let l=I(a,o),i=n(o);return m(e.Item,{ref:g,className:c({...l,className:t}),...i,...p,children:r})});E.displayName=a;export{v as ToggleGroup,E as ToggleGroupItem};
|
|
2
2
|
//# sourceMappingURL=toggle-group.mjs.map
|
package/dist/toggle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkKS3GNMHOjs = require('./chunk-KS3GNMHO.js');require('./chunk-QZCQ42BP.js');exports.Toggle = _chunkKS3GNMHOjs.b; exports.toggleVariants = _chunkKS3GNMHOjs.a;
|
|
2
2
|
//# sourceMappingURL=toggle.js.map
|
package/dist/toggle.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a,b}from"./chunk-
|
|
1
|
+
"use client";import{a,b}from"./chunk-L3FG5GI7.mjs";import"./chunk-JTI7KCLO.mjs";export{b as Toggle,a as toggleVariants};
|
|
2
2
|
//# sourceMappingURL=toggle.mjs.map
|
package/dist/tooltip.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reacttooltip = require('@radix-ui/react-tooltip'); var t = _interopRequireWildcard(_reacttooltip);var _jsxruntime = require('react/jsx-runtime');var m=t.Provider,T= exports.Tooltip =t.Root,P= exports.TooltipTrigger =t.Trigger,d= exports.TooltipContent =a.forwardRef(({className:o,sideOffset:e=4,...i},l)=>_jsxruntime.jsx.call(void 0, t.Portal,{children:_jsxruntime.jsx.call(void 0, t.Content,{ref:l,sideOffset:e,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reacttooltip = require('@radix-ui/react-tooltip'); var t = _interopRequireWildcard(_reacttooltip);var _jsxruntime = require('react/jsx-runtime');var m=t.Provider,T= exports.Tooltip =t.Root,P= exports.TooltipTrigger =t.Trigger,d= exports.TooltipContent =a.forwardRef(({className:o,sideOffset:e=4,...i},l)=>_jsxruntime.jsx.call(void 0, t.Portal,{children:_jsxruntime.jsx.call(void 0, t.Content,{ref:l,sideOffset:e,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs",o),...i})}));d.displayName=t.Content.displayName;var s=a.forwardRef(({className:o,...e},i)=>_jsxruntime.jsx.call(void 0, t.Arrow,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "fill-primary",o),...e}));s.displayName=t.Arrow.displayName;exports.Tooltip = T; exports.TooltipArrow = s; exports.TooltipContent = d; exports.TooltipProvider = m; exports.TooltipTrigger = P;
|
|
2
2
|
//# sourceMappingURL=tooltip.js.map
|
package/dist/tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tooltip.tsx"],"names":["React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","cn","TooltipArrow"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAkC5B,cAAAC,MAAA,oBA1BN,IAAMC,EAAmC,WAOnCC,EAA2B,OAO3BC,EAAkC,UASlCC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IACxCR,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKQ,EACL,WAAYF,EACZ,UAAWG,EACT,
|
|
1
|
+
{"version":3,"sources":["../src/tooltip.tsx"],"names":["React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","cn","TooltipArrow"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAkC5B,cAAAC,MAAA,oBA1BN,IAAMC,EAAmC,WAOnCC,EAA2B,OAO3BC,EAAkC,UASlCC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IACxCR,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKQ,EACL,WAAYF,EACZ,UAAWG,EACT,kwBACAJ,CACF,EACC,GAAGE,EACN,EACF,CAEJ,EAEAH,EAAe,YAA+B,UAAQ,YAStD,IAAMM,EAAqB,aAAmD,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACtGR,EAAkB,QAAjB,CAAuB,IAAKQ,EAAK,UAAWC,EAAG,eAAgBJ,CAAS,EAAI,GAAGE,EAAO,CACxF,EAEDG,EAAa,YAA+B,QAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\ntype TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\ntype TooltipContentElement = React.ElementRef<typeof TooltipPrimitive.Content>;\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n ({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs\",\n className,\n )}\n {...props}\n />\n </TooltipPrimitive.Portal>\n ),\n);\n\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\ntype TooltipArrowElement = React.ElementRef<typeof TooltipPrimitive.Arrow>;\ntype TooltipArrowProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(({ className, ...props }, ref) => (\n <TooltipPrimitive.Arrow ref={ref} className={cn(\"fill-primary\", className)} {...props} />\n));\n\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n TooltipProvider,\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n TooltipArrow,\n type TooltipProviderProps,\n type TooltipProps,\n type TooltipTriggerProps,\n type TooltipContentProps,\n type TooltipArrowProps,\n};\n"]}
|
package/dist/tooltip.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{b as r}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import*as t from"@radix-ui/react-tooltip";import{jsx as p}from"react/jsx-runtime";var m=t.Provider,T=t.Root,P=t.Trigger,d=a.forwardRef(({className:o,sideOffset:e=4,...i},l)=>p(t.Portal,{children:p(t.Content,{ref:l,sideOffset:e,className:r("bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs
|
|
1
|
+
"use client";import{b as r}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import*as t from"@radix-ui/react-tooltip";import{jsx as p}from"react/jsx-runtime";var m=t.Provider,T=t.Root,P=t.Trigger,d=a.forwardRef(({className:o,sideOffset:e=4,...i},l)=>p(t.Portal,{children:p(t.Content,{ref:l,sideOffset:e,className:r("bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs",o),...i})}));d.displayName=t.Content.displayName;var s=a.forwardRef(({className:o,...e},i)=>p(t.Arrow,{ref:i,className:r("fill-primary",o),...e}));s.displayName=t.Arrow.displayName;export{T as Tooltip,s as TooltipArrow,d as TooltipContent,m as TooltipProvider,P as TooltipTrigger};
|
|
2
2
|
//# sourceMappingURL=tooltip.mjs.map
|
package/dist/tooltip.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\ntype TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\ntype TooltipContentElement = React.ElementRef<typeof TooltipPrimitive.Content>;\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n ({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs
|
|
1
|
+
{"version":3,"sources":["../src/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\ntype TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\ntype TooltipContentElement = React.ElementRef<typeof TooltipPrimitive.Content>;\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n ({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs\",\n className,\n )}\n {...props}\n />\n </TooltipPrimitive.Portal>\n ),\n);\n\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\ntype TooltipArrowElement = React.ElementRef<typeof TooltipPrimitive.Arrow>;\ntype TooltipArrowProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(({ className, ...props }, ref) => (\n <TooltipPrimitive.Arrow ref={ref} className={cn(\"fill-primary\", className)} {...props} />\n));\n\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n TooltipProvider,\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n TooltipArrow,\n type TooltipProviderProps,\n type TooltipProps,\n type TooltipTriggerProps,\n type TooltipContentProps,\n type TooltipArrowProps,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAkC5B,cAAAC,MAAA,oBA1BN,IAAMC,EAAmC,WAOnCC,EAA2B,OAO3BC,EAAkC,UASlCC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IACxCR,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKQ,EACL,WAAYF,EACZ,UAAWG,EACT,kwBACAJ,CACF,EACC,GAAGE,EACN,EACF,CAEJ,EAEAH,EAAe,YAA+B,UAAQ,YAStD,IAAMM,EAAqB,aAAmD,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACtGR,EAAkB,QAAjB,CAAuB,IAAKQ,EAAK,UAAWC,EAAG,eAAgBJ,CAAS,EAAI,GAAGE,EAAO,CACxF,EAEDG,EAAa,YAA+B,QAAM","names":["React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","cn","TooltipArrow"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codefast/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.31",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"**/*.css"
|
|
@@ -394,8 +394,8 @@
|
|
|
394
394
|
"tailwindcss": "^3.4.3",
|
|
395
395
|
"tsup": "^8.0.2",
|
|
396
396
|
"typescript": "^5.4.5",
|
|
397
|
-
"@codefast/
|
|
398
|
-
"@codefast/
|
|
397
|
+
"@codefast/typescript-config": "0.0.2",
|
|
398
|
+
"@codefast/eslint-config": "0.0.18"
|
|
399
399
|
},
|
|
400
400
|
"peerDependencies": {
|
|
401
401
|
"@types/react": "^18.2.79",
|
package/src/alert-dialog.tsx
CHANGED
|
@@ -33,7 +33,7 @@ const AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDial
|
|
|
33
33
|
<AlertDialogPrimitive.Content
|
|
34
34
|
ref={ref}
|
|
35
35
|
className={cn(
|
|
36
|
-
"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 animation-duration-200 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200
|
|
36
|
+
"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 animation-duration-200 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
|
|
37
37
|
className,
|
|
38
38
|
)}
|
|
39
39
|
{...props}
|
package/src/button.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { Fragment } from "react";
|
|
2
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
3
4
|
import { type VariantProps } from "cva";
|
|
4
|
-
import { Fragment } from "react";
|
|
5
5
|
import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
|
|
6
6
|
import { Spinner } from "./spinner";
|
|
7
7
|
import { cva } from "./utils";
|
|
@@ -11,7 +11,7 @@ import { cva } from "./utils";
|
|
|
11
11
|
* -------------------------------------------------------------------------- */
|
|
12
12
|
|
|
13
13
|
const buttonVariants = cva({
|
|
14
|
-
base: "
|
|
14
|
+
base: "inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
15
15
|
variants: {
|
|
16
16
|
variant: {
|
|
17
17
|
default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
|
package/src/checkbox-cards.tsx
CHANGED
|
@@ -41,7 +41,7 @@ const CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCar
|
|
|
41
41
|
<CheckboxGroupPrimitive.Item
|
|
42
42
|
ref={ref}
|
|
43
43
|
className={cn(
|
|
44
|
-
"border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground
|
|
44
|
+
"border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
45
45
|
checkboxClassName,
|
|
46
46
|
)}
|
|
47
47
|
{...props}
|
package/src/checkbox-group.tsx
CHANGED
|
@@ -31,7 +31,7 @@ const CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGro
|
|
|
31
31
|
<CheckboxGroupPrimitive.Item
|
|
32
32
|
ref={ref}
|
|
33
33
|
className={cn(
|
|
34
|
-
"border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground
|
|
34
|
+
"border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
35
35
|
className,
|
|
36
36
|
)}
|
|
37
37
|
{...props}
|
package/src/checkbox.tsx
CHANGED
|
@@ -16,7 +16,7 @@ const Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(({ className,
|
|
|
16
16
|
<CheckboxPrimitive.Root
|
|
17
17
|
ref={ref}
|
|
18
18
|
className={cn(
|
|
19
|
-
"border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground
|
|
19
|
+
"border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
20
20
|
className,
|
|
21
21
|
)}
|
|
22
22
|
{...props}
|
package/src/command.tsx
CHANGED
|
@@ -36,7 +36,7 @@ function CommandDialog({ children, ...props }: CommandDialogProps): React.JSX.El
|
|
|
36
36
|
return (
|
|
37
37
|
<Dialog {...props}>
|
|
38
38
|
<DialogContent className="p-0">
|
|
39
|
-
<Command className="[&_[cmdk-group-heading]]:text-muted-foreground
|
|
39
|
+
<Command className="[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5">
|
|
40
40
|
{children}
|
|
41
41
|
</Command>
|
|
42
42
|
</DialogContent>
|
|
@@ -57,7 +57,7 @@ const CommandInput = React.forwardRef<CommandInputElement, CommandInputProps>(({
|
|
|
57
57
|
<CommandPrimitive.Input
|
|
58
58
|
ref={ref}
|
|
59
59
|
className={cn(
|
|
60
|
-
"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm
|
|
60
|
+
"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
61
61
|
className,
|
|
62
62
|
)}
|
|
63
63
|
{...props}
|
|
@@ -139,7 +139,7 @@ const CommandItem = React.forwardRef<CommandItemElement, CommandItemProps>(({ cl
|
|
|
139
139
|
<CommandPrimitive.Item
|
|
140
140
|
ref={ref}
|
|
141
141
|
className={cn(
|
|
142
|
-
"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm
|
|
142
|
+
"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
143
143
|
className,
|
|
144
144
|
)}
|
|
145
145
|
{...props}
|
package/src/context-menu.tsx
CHANGED
|
@@ -55,7 +55,7 @@ const ContextMenuSubTrigger = React.forwardRef<ContextMenuSubTriggerElement, Con
|
|
|
55
55
|
<ContextMenuPrimitive.SubTrigger
|
|
56
56
|
ref={ref}
|
|
57
57
|
className={cn(
|
|
58
|
-
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm
|
|
58
|
+
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm",
|
|
59
59
|
inset && "pl-8",
|
|
60
60
|
className,
|
|
61
61
|
)}
|
|
@@ -82,7 +82,7 @@ const ContextMenuSubContent = React.forwardRef<ContextMenuSubContentElement, Con
|
|
|
82
82
|
<ContextMenuPrimitive.SubContent
|
|
83
83
|
ref={ref}
|
|
84
84
|
className={cn(
|
|
85
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md
|
|
85
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
|
|
86
86
|
className,
|
|
87
87
|
)}
|
|
88
88
|
{...props}
|
|
@@ -106,7 +106,7 @@ const ContextMenuContent = React.forwardRef<ContextMenuContentElement, ContextMe
|
|
|
106
106
|
<ContextMenuPrimitive.Content
|
|
107
107
|
ref={ref}
|
|
108
108
|
className={cn(
|
|
109
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md
|
|
109
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
|
|
110
110
|
className,
|
|
111
111
|
)}
|
|
112
112
|
{...props}
|
|
@@ -132,7 +132,7 @@ const ContextMenuItem = React.forwardRef<ContextMenuItemElement, ContextMenuItem
|
|
|
132
132
|
<ContextMenuPrimitive.Item
|
|
133
133
|
ref={ref}
|
|
134
134
|
className={cn(
|
|
135
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm
|
|
135
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
136
136
|
inset && "pl-8",
|
|
137
137
|
className,
|
|
138
138
|
)}
|
|
@@ -155,7 +155,7 @@ const ContextMenuCheckboxItem = React.forwardRef<ContextMenuCheckboxItemElement,
|
|
|
155
155
|
<ContextMenuPrimitive.CheckboxItem
|
|
156
156
|
ref={ref}
|
|
157
157
|
className={cn(
|
|
158
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm
|
|
158
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
159
159
|
className,
|
|
160
160
|
)}
|
|
161
161
|
checked={checked}
|
|
@@ -185,7 +185,7 @@ const ContextMenuRadioItem = React.forwardRef<ContextMenuRadioItemElement, Conte
|
|
|
185
185
|
<ContextMenuPrimitive.RadioItem
|
|
186
186
|
ref={ref}
|
|
187
187
|
className={cn(
|
|
188
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm
|
|
188
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
189
189
|
className,
|
|
190
190
|
)}
|
|
191
191
|
{...props}
|
package/src/dialog.tsx
CHANGED
|
@@ -40,13 +40,13 @@ const DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>
|
|
|
40
40
|
<DialogPrimitive.Content
|
|
41
41
|
ref={ref}
|
|
42
42
|
className={cn(
|
|
43
|
-
"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 animation-duration-200 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200
|
|
43
|
+
"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 animation-duration-200 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
|
|
44
44
|
className,
|
|
45
45
|
)}
|
|
46
46
|
{...props}
|
|
47
47
|
>
|
|
48
48
|
{children}
|
|
49
|
-
<DialogPrimitive.Close className="data-[state=open]:bg-accent data-[state=open]:text-muted-foreground
|
|
49
|
+
<DialogPrimitive.Close className="data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none">
|
|
50
50
|
<Cross2Icon className="size-4" />
|
|
51
51
|
<span className="sr-only">Close</span>
|
|
52
52
|
</DialogPrimitive.Close>
|
package/src/dropdown-menu.tsx
CHANGED
|
@@ -55,7 +55,7 @@ const DropdownMenuSubTrigger = React.forwardRef<DropdownMenuSubTriggerElement, D
|
|
|
55
55
|
<DropdownMenuPrimitive.SubTrigger
|
|
56
56
|
ref={ref}
|
|
57
57
|
className={cn(
|
|
58
|
-
"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm
|
|
58
|
+
"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm",
|
|
59
59
|
inset && "pl-8",
|
|
60
60
|
className,
|
|
61
61
|
)}
|
|
@@ -83,7 +83,7 @@ const DropdownMenuSubContent = React.forwardRef<
|
|
|
83
83
|
<DropdownMenuPrimitive.SubContent
|
|
84
84
|
ref={ref}
|
|
85
85
|
className={cn(
|
|
86
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md
|
|
86
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
|
|
87
87
|
className,
|
|
88
88
|
)}
|
|
89
89
|
{...props}
|
|
@@ -107,7 +107,7 @@ const DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, Dropdow
|
|
|
107
107
|
ref={ref}
|
|
108
108
|
sideOffset={sideOffset}
|
|
109
109
|
className={cn(
|
|
110
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md
|
|
110
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
|
|
111
111
|
className,
|
|
112
112
|
)}
|
|
113
113
|
{...props}
|
|
@@ -133,7 +133,7 @@ const DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuI
|
|
|
133
133
|
<DropdownMenuPrimitive.Item
|
|
134
134
|
ref={ref}
|
|
135
135
|
className={cn(
|
|
136
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition-colors
|
|
136
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition-colors aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
137
137
|
inset && "pl-8",
|
|
138
138
|
className,
|
|
139
139
|
)}
|
|
@@ -156,7 +156,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<DropdownMenuCheckboxItemElemen
|
|
|
156
156
|
<DropdownMenuPrimitive.CheckboxItem
|
|
157
157
|
ref={ref}
|
|
158
158
|
className={cn(
|
|
159
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors
|
|
159
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
160
160
|
className,
|
|
161
161
|
)}
|
|
162
162
|
checked={checked}
|
|
@@ -186,7 +186,7 @@ const DropdownMenuRadioItem = React.forwardRef<DropdownMenuRadioItemElement, Dro
|
|
|
186
186
|
<DropdownMenuPrimitive.RadioItem
|
|
187
187
|
ref={ref}
|
|
188
188
|
className={cn(
|
|
189
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors
|
|
189
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
190
190
|
className,
|
|
191
191
|
)}
|
|
192
192
|
{...props}
|
package/src/hover-card.tsx
CHANGED
|
@@ -33,7 +33,7 @@ const HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardCont
|
|
|
33
33
|
align={align}
|
|
34
34
|
sideOffset={sideOffset}
|
|
35
35
|
className={cn(
|
|
36
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md
|
|
36
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md",
|
|
37
37
|
className,
|
|
38
38
|
)}
|
|
39
39
|
{...props}
|
package/src/input-otp.tsx
CHANGED
|
@@ -63,7 +63,7 @@ const InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({
|
|
|
63
63
|
ref={ref}
|
|
64
64
|
className={cn(
|
|
65
65
|
"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
|
|
66
|
-
slot?.isActive && "
|
|
66
|
+
slot?.isActive && "z-10 outline outline-2",
|
|
67
67
|
className,
|
|
68
68
|
)}
|
|
69
69
|
{...props}
|
package/src/input.tsx
CHANGED
|
@@ -7,7 +7,7 @@ import { cva } from "./utils";
|
|
|
7
7
|
* -------------------------------------------------------------------------- */
|
|
8
8
|
|
|
9
9
|
const inputVariants = cva({
|
|
10
|
-
base: "border-input placeholder:text-muted-foreground
|
|
10
|
+
base: "border-input placeholder:text-muted-foreground flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
11
11
|
variants: {
|
|
12
12
|
inputSize: {
|
|
13
13
|
default: "h-10",
|
package/src/menubar.tsx
CHANGED
|
@@ -61,7 +61,7 @@ const MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerPro
|
|
|
61
61
|
<MenubarPrimitive.Trigger
|
|
62
62
|
ref={ref}
|
|
63
63
|
className={cn(
|
|
64
|
-
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium
|
|
64
|
+
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium",
|
|
65
65
|
className,
|
|
66
66
|
)}
|
|
67
67
|
{...props}
|
|
@@ -85,7 +85,7 @@ const MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubT
|
|
|
85
85
|
<MenubarPrimitive.SubTrigger
|
|
86
86
|
ref={ref}
|
|
87
87
|
className={cn(
|
|
88
|
-
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm
|
|
88
|
+
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm",
|
|
89
89
|
inset && "pl-8",
|
|
90
90
|
className,
|
|
91
91
|
)}
|
|
@@ -112,7 +112,7 @@ const MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubC
|
|
|
112
112
|
<MenubarPrimitive.SubContent
|
|
113
113
|
ref={ref}
|
|
114
114
|
className={cn(
|
|
115
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md
|
|
115
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
|
|
116
116
|
className,
|
|
117
117
|
)}
|
|
118
118
|
{...props}
|
|
@@ -139,7 +139,7 @@ const MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentPro
|
|
|
139
139
|
alignOffset={alignOffset}
|
|
140
140
|
sideOffset={sideOffset}
|
|
141
141
|
className={cn(
|
|
142
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md
|
|
142
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
|
|
143
143
|
className,
|
|
144
144
|
)}
|
|
145
145
|
{...props}
|
|
@@ -164,7 +164,7 @@ const MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ cl
|
|
|
164
164
|
<MenubarPrimitive.Item
|
|
165
165
|
ref={ref}
|
|
166
166
|
className={cn(
|
|
167
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm
|
|
167
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
168
168
|
inset && "pl-8",
|
|
169
169
|
className,
|
|
170
170
|
)}
|
|
@@ -186,7 +186,7 @@ const MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, Menubar
|
|
|
186
186
|
<MenubarPrimitive.CheckboxItem
|
|
187
187
|
ref={ref}
|
|
188
188
|
className={cn(
|
|
189
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm
|
|
189
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
190
190
|
className,
|
|
191
191
|
)}
|
|
192
192
|
checked={checked}
|
|
@@ -216,7 +216,7 @@ const MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioI
|
|
|
216
216
|
<MenubarPrimitive.RadioItem
|
|
217
217
|
ref={ref}
|
|
218
218
|
className={cn(
|
|
219
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm
|
|
219
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
220
220
|
className,
|
|
221
221
|
)}
|
|
222
222
|
{...props}
|
package/src/navigation-menu.tsx
CHANGED
|
@@ -10,7 +10,7 @@ import { cn, cva } from "./utils";
|
|
|
10
10
|
* -------------------------------------------------------------------------- */
|
|
11
11
|
|
|
12
12
|
const navigationMenuTriggerVariants = cva({
|
|
13
|
-
base: "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors
|
|
13
|
+
base: "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50",
|
|
14
14
|
});
|
|
15
15
|
|
|
16
16
|
/* -----------------------------------------------------------------------------
|
|
@@ -101,7 +101,7 @@ const NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, Nav
|
|
|
101
101
|
<NavigationMenuPrimitive.Content
|
|
102
102
|
ref={ref}
|
|
103
103
|
className={cn(
|
|
104
|
-
"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full
|
|
104
|
+
"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto",
|
|
105
105
|
className,
|
|
106
106
|
)}
|
|
107
107
|
{...props}
|