@kubetail/ui 0.3.0-rc2 → 0.3.0-rc3

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.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react-day-picker");function n({showOutsideDays:t=!0,...o}){const e=r.getDefaultClassNames();return a.jsx(r.DayPicker,{mode:"single",showOutsideDays:t,classNames:{today:"bg-accent text-accent-foreground",selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",root:`${e.root} shadow-lg p-5`,chevron:`${e.chevron} fill-amber-500`,weekday:"text-muted-foreground font-normal text-sm",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",outside:"text-muted-foreground"},...o})}exports.Calendar=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react-day-picker"),u=require("../lib/utils.cjs");function c({className:t,showOutsideDays:o=!0,...a}){const e=r.getDefaultClassNames();return n.jsx(r.DayPicker,{mode:"single",showOutsideDays:o,classNames:{today:"bg-accent text-accent-foreground",selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",root:u.cn(e.root,t),chevron:`${e.chevron} fill-amber-500`,weekday:"text-muted-foreground font-normal text-sm",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",outside:"text-muted-foreground"},...a})}exports.Calendar=c;
2
2
  //# sourceMappingURL=Calendar.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.cjs","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["/*\n'use client';\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { buttonVariants } from './Button';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nconst ChevronLeftIcon = () => <ChevronLeft className=\"h-4 w-4\" />;\nconst ChevronRightIcon = () => <ChevronRight className=\"h-4 w-4\" />;\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: cn(\n buttonVariants({ intent: 'outline' }),\n 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n ),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',\n row: 'flex w-full mt-2',\n cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',\n day: cn(\n buttonVariants({ intent: 'ghost' }),\n 'h-9 w-9 p-0 font-normal aria-selected:opacity-100',\n ),\n day_range_end: 'day-range-end',\n day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside: 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{ \n Chevron: ({ orientation }) => orientation === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon /> \n }}\n {...props}\n />\n );\n}\n\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n*/\n\nimport { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({ showOutsideDays = true, ...props }) {\n const defaultClassNames = getDefaultClassNames();\n return (\n <DayPicker\n mode=\"single\"\n showOutsideDays={showOutsideDays}\n classNames={{\n today: 'bg-accent text-accent-foreground',\n selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n root: `${defaultClassNames.root} shadow-lg p-5`,\n chevron: `${defaultClassNames.chevron} fill-amber-500`,\n weekday: 'text-muted-foreground font-normal text-sm',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n outside: 'text-muted-foreground',\n }}\n {...props}\n />\n );\n}\n"],"names":["Calendar","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker"],"mappings":"mJAuEO,SAASA,EAAS,CAAE,gBAAAC,EAAkB,GAAM,GAAGC,GAAS,CAC7D,MAAMC,EAAoBC,EAAAA,qBAAA,EAC1B,OACEC,EAAAA,IAACC,EAAAA,UAAA,CACC,KAAK,SACL,gBAAAL,EACA,WAAY,CACV,MAAO,mCACP,SACE,mIACF,KAAM,GAAGE,EAAkB,IAAI,iBAC/B,QAAS,GAAGA,EAAkB,OAAO,kBACrC,QAAS,4CACT,aACE,mIACF,UAAW,mCACX,QAAS,uBAAA,EAEV,GAAGD,CAAA,CAAA,CAGV"}
1
+ {"version":3,"file":"Calendar.cjs","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["import { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({ className, showOutsideDays = true, ...props }: CalendarProps) {\n const defaultClassNames = getDefaultClassNames();\n return (\n <DayPicker\n mode=\"single\"\n showOutsideDays={showOutsideDays}\n classNames={{\n today: 'bg-accent text-accent-foreground',\n selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n root: cn(defaultClassNames.root, className),\n chevron: `${defaultClassNames.chevron} fill-amber-500`,\n weekday: 'text-muted-foreground font-normal text-sm',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n outside: 'text-muted-foreground',\n }}\n {...props}\n />\n );\n}\n"],"names":["Calendar","className","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn"],"mappings":"iLAMO,SAASA,EAAS,CAAE,UAAAC,EAAW,gBAAAC,EAAkB,GAAM,GAAGC,GAAwB,CACvF,MAAMC,EAAoBC,EAAAA,qBAAA,EAC1B,OACEC,EAAAA,IAACC,EAAAA,UAAA,CACC,KAAK,SACL,gBAAAL,EACA,WAAY,CACV,MAAO,mCACP,SACE,mIACF,KAAMM,EAAAA,GAAGJ,EAAkB,KAAMH,CAAS,EAC1C,QAAS,GAAGG,EAAkB,OAAO,kBACrC,QAAS,4CACT,aACE,mIACF,UAAW,mCACX,QAAS,uBAAA,EAEV,GAAGD,CAAA,CAAA,CAGV"}
@@ -1,6 +1,3 @@
1
1
  import { DayPicker } from 'react-day-picker';
2
2
  export type CalendarProps = React.ComponentProps<typeof DayPicker>;
3
- export declare function Calendar({ showOutsideDays, ...props }: {
4
- [x: string]: any;
5
- showOutsideDays?: boolean | undefined;
6
- }): import("react/jsx-runtime").JSX.Element;
3
+ export declare function Calendar({ className, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
@@ -1,27 +1,28 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { getDefaultClassNames as a, DayPicker as m } from "react-day-picker";
3
- function u({ showOutsideDays: e = !0, ...o }) {
4
- const r = a();
5
- return /* @__PURE__ */ t(
6
- m,
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { getDefaultClassNames as m, DayPicker as n } from "react-day-picker";
3
+ import { cn as d } from "../lib/utils.js";
4
+ function g({ className: e, showOutsideDays: o = !0, ...t }) {
5
+ const r = m();
6
+ return /* @__PURE__ */ a(
7
+ n,
7
8
  {
8
9
  mode: "single",
9
- showOutsideDays: e,
10
+ showOutsideDays: o,
10
11
  classNames: {
11
12
  today: "bg-accent text-accent-foreground",
12
13
  selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
13
- root: `${r.root} shadow-lg p-5`,
14
+ root: d(r.root, e),
14
15
  chevron: `${r.chevron} fill-amber-500`,
15
16
  weekday: "text-muted-foreground font-normal text-sm",
16
17
  day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
17
18
  day_today: "bg-accent text-accent-foreground",
18
19
  outside: "text-muted-foreground"
19
20
  },
20
- ...o
21
+ ...t
21
22
  }
22
23
  );
23
24
  }
24
25
  export {
25
- u as Calendar
26
+ g as Calendar
26
27
  };
27
28
  //# sourceMappingURL=Calendar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.js","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["/*\n'use client';\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { buttonVariants } from './Button';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nconst ChevronLeftIcon = () => <ChevronLeft className=\"h-4 w-4\" />;\nconst ChevronRightIcon = () => <ChevronRight className=\"h-4 w-4\" />;\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: cn(\n buttonVariants({ intent: 'outline' }),\n 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n ),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',\n row: 'flex w-full mt-2',\n cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',\n day: cn(\n buttonVariants({ intent: 'ghost' }),\n 'h-9 w-9 p-0 font-normal aria-selected:opacity-100',\n ),\n day_range_end: 'day-range-end',\n day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside: 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{ \n Chevron: ({ orientation }) => orientation === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon /> \n }}\n {...props}\n />\n );\n}\n\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n*/\n\nimport { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({ showOutsideDays = true, ...props }) {\n const defaultClassNames = getDefaultClassNames();\n return (\n <DayPicker\n mode=\"single\"\n showOutsideDays={showOutsideDays}\n classNames={{\n today: 'bg-accent text-accent-foreground',\n selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n root: `${defaultClassNames.root} shadow-lg p-5`,\n chevron: `${defaultClassNames.chevron} fill-amber-500`,\n weekday: 'text-muted-foreground font-normal text-sm',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n outside: 'text-muted-foreground',\n }}\n {...props}\n />\n );\n}\n"],"names":["Calendar","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker"],"mappings":";;AAuEO,SAASA,EAAS,EAAE,iBAAAC,IAAkB,IAAM,GAAGC,KAAS;AAC7D,QAAMC,IAAoBC,EAAA;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAAL;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,QACP,UACE;AAAA,QACF,MAAM,GAAGE,EAAkB,IAAI;AAAA,QAC/B,SAAS,GAAGA,EAAkB,OAAO;AAAA,QACrC,SAAS;AAAA,QACT,cACE;AAAA,QACF,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEV,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"Calendar.js","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["import { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({ className, showOutsideDays = true, ...props }: CalendarProps) {\n const defaultClassNames = getDefaultClassNames();\n return (\n <DayPicker\n mode=\"single\"\n showOutsideDays={showOutsideDays}\n classNames={{\n today: 'bg-accent text-accent-foreground',\n selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n root: cn(defaultClassNames.root, className),\n chevron: `${defaultClassNames.chevron} fill-amber-500`,\n weekday: 'text-muted-foreground font-normal text-sm',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n outside: 'text-muted-foreground',\n }}\n {...props}\n />\n );\n}\n"],"names":["Calendar","className","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn"],"mappings":";;;AAMO,SAASA,EAAS,EAAE,WAAAC,GAAW,iBAAAC,IAAkB,IAAM,GAAGC,KAAwB;AACvF,QAAMC,IAAoBC,EAAA;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAAL;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,QACP,UACE;AAAA,QACF,MAAMM,EAAGJ,EAAkB,MAAMH,CAAS;AAAA,QAC1C,SAAS,GAAGG,EAAkB,OAAO;AAAA,QACrC,SAAS;AAAA,QACT,cACE;AAAA,QACF,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEV,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kubetail/ui",
3
- "version": "v0.3.0-rc2",
3
+ "version": "v0.3.0-rc3",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "module": "./dist/index.js",