frey-ui 1.0.16 → 1.2.0

package/dist/cjs/index.cjs

@@ -8,18 +8,22 @@ var index$3 = require('./Badge/index.cjs');
 var index$4 = require('./Box/index.cjs');
 var index$5 = require('./Breadcrumbs/index.cjs');
 var index$6 = require('./Button/index.cjs');
-var index$7 = require('./Card/index.cjs');
-var index$8 = require('./Checkbox/index.cjs');
-var index$9 = require('./Chip/index.cjs');
-var index$a = require('./Combobox/index.cjs');
-var index$b = require('./CommandPalette/index.cjs');
-var index$c = require('./Dialog/index.cjs');
-var index$d = require('./Drawer/index.cjs');
-var index$e = require('./DropdownMenu/index.cjs');
-var index$f = require('./Field/index.cjs');
-var index$g = require('./Flex/index.cjs');
-var index$h = require('./Grid/index.cjs');
+var index$8 = require('./Card/index.cjs');
+var index$7 = require('./Calendar/index.cjs');
+var index$9 = require('./Checkbox/index.cjs');
+var index$a = require('./Chip/index.cjs');
+var index$b = require('./Combobox/index.cjs');
+var index$c = require('./CommandPalette/index.cjs');
+var index$d = require('./DateField/index.cjs');
+var index$e = require('./DatePicker/index.cjs');
+var index$f = require('./Dialog/index.cjs');
+var index$g = require('./Drawer/index.cjs');
+var index$h = require('./DropdownMenu/index.cjs');
+var index$i = require('./Field/index.cjs');
+var index$j = require('./Flex/index.cjs');
+var index$k = require('./Grid/index.cjs');
 var CheckIcon = require('./Icons/CheckIcon.cjs');
+var CalendarIcon = require('./Icons/CalendarIcon.cjs');
 var ChevronDownIcon = require('./Icons/ChevronDownIcon.cjs');
 var CircleCheckIcon = require('./Icons/CircleCheckIcon.cjs');
 var CircleInfoIcon = require('./Icons/CircleInfoIcon.cjs');
@@ -29,23 +33,24 @@ require('react/jsx-runtime');
 require('clsx');
 var MinusIcon = require('./Icons/MinusIcon.cjs');
 var TriangleAlertIcon = require('./Icons/TriangleAlertIcon.cjs');
-var index$i = require('./Link/index.cjs');
-var index$j = require('./Pagination/index.cjs');
-var index$k = require('./Popover/index.cjs');
-var index$l = require('./Progress/index.cjs');
-var index$m = require('./RadioGroup/index.cjs');
-var index$n = require('./Select/index.cjs');
-var index$o = require('./Skeleton/index.cjs');
-var index$p = require('./Spinner/index.cjs');
-var index$q = require('./Stack/index.cjs');
-var index$r = require('./Switch/index.cjs');
-var index$s = require('./Table/index.cjs');
-var index$t = require('./Tabs/index.cjs');
-var index$v = require('./Textarea/index.cjs');
-var index$u = require('./TextInput/index.cjs');
-var index$w = require('./ThemeProvider/index.cjs');
-var index$x = require('./Toast/index.cjs');
-var index$y = require('./Tooltip/index.cjs');
+var index$l = require('./Link/index.cjs');
+var index$m = require('./Pagination/index.cjs');
+var index$n = require('./Popover/index.cjs');
+var index$o = require('./Progress/index.cjs');
+var index$p = require('./RadioGroup/index.cjs');
+var index$q = require('./SegmentedControl/index.cjs');
+var index$r = require('./Select/index.cjs');
+var index$s = require('./Skeleton/index.cjs');
+var index$t = require('./Spinner/index.cjs');
+var index$u = require('./Stack/index.cjs');
+var index$v = require('./Switch/index.cjs');
+var index$w = require('./Table/index.cjs');
+var index$x = require('./Tabs/index.cjs');
+var index$z = require('./Textarea/index.cjs');
+var index$y = require('./TextInput/index.cjs');
+var index$A = require('./ThemeProvider/index.cjs');
+var index$B = require('./Toast/index.cjs');
+var index$C = require('./Tooltip/index.cjs');
 
 
 
@@ -56,18 +61,22 @@ exports.Badge = index$3.default;
 exports.Box = index$4.default;
 exports.Breadcrumbs = index$5.Breadcrumbs;
 exports.Button = index$6.default;
-exports.Card = index$7.Card;
-exports.Checkbox = index$8.default;
-exports.Chip = index$9.default;
-exports.Combobox = index$a.default;
-exports.CommandPalette = index$b.CommandPalette;
-exports.Dialog = index$c.Dialog;
-exports.Drawer = index$d.Drawer;
-exports.DropdownMenu = index$e.DropdownMenu;
-exports.Field = index$f.default;
-exports.Flex = index$g.default;
-exports.Grid = index$h.default;
+exports.Card = index$8.Card;
+exports.Calendar = index$7.default;
+exports.Checkbox = index$9.default;
+exports.Chip = index$a.default;
+exports.Combobox = index$b.default;
+exports.CommandPalette = index$c.CommandPalette;
+exports.DateField = index$d.default;
+exports.DatePicker = index$e.default;
+exports.Dialog = index$f.Dialog;
+exports.Drawer = index$g.Drawer;
+exports.DropdownMenu = index$h.DropdownMenu;
+exports.Field = index$i.default;
+exports.Flex = index$j.default;
+exports.Grid = index$k.default;
 exports.CheckIcon = CheckIcon.CheckIcon;
+exports.CalendarIcon = CalendarIcon.CalendarIcon;
 exports.ChevronDownIcon = ChevronDownIcon.ChevronDownIcon;
 exports.CircleCheckIcon = CircleCheckIcon.CircleCheckIcon;
 exports.CircleInfoIcon = CircleInfoIcon.CircleInfoIcon;
@@ -75,23 +84,24 @@ exports.CircleXIcon = CircleXIcon.CircleXIcon;
 exports.CloseIcon = CloseIcon.CloseIcon;
 exports.MinusIcon = MinusIcon.MinusIcon;
 exports.TriangleAlertIcon = TriangleAlertIcon.TriangleAlertIcon;
-exports.Link = index$i.default;
-exports.Pagination = index$j.default;
-exports.Popover = index$k.Popover;
-exports.Progress = index$l.default;
-exports.RadioGroup = index$m.default;
-exports.Select = index$n.default;
-exports.Skeleton = index$o.default;
-exports.Spinner = index$p.default;
-exports.Stack = index$q.default;
-exports.Switch = index$r.default;
-exports.Table = index$s.Table;
-exports.Tabs = index$t.Tabs;
-exports.Textarea = index$v.default;
-exports.TextInput = index$u.default;
-exports.ThemeProvider = index$w.default;
-exports.useTheme = index$w.useTheme;
-exports.ToastProvider = index$x.ToastProvider;
-exports.useToast = index$x.useToast;
-exports.Tooltip = index$y.default;
+exports.Link = index$l.default;
+exports.Pagination = index$m.default;
+exports.Popover = index$n.Popover;
+exports.Progress = index$o.default;
+exports.RadioGroup = index$p.default;
+exports.SegmentedControl = index$q.SegmentedControl;
+exports.Select = index$r.default;
+exports.Skeleton = index$s.default;
+exports.Spinner = index$t.default;
+exports.Stack = index$u.default;
+exports.Switch = index$v.default;
+exports.Table = index$w.Table;
+exports.Tabs = index$x.Tabs;
+exports.Textarea = index$z.default;
+exports.TextInput = index$y.default;
+exports.ThemeProvider = index$A.default;
+exports.useTheme = index$A.useTheme;
+exports.ToastProvider = index$B.ToastProvider;
+exports.useToast = index$B.useToast;
+exports.Tooltip = index$C.default;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/theme.css

@@ -109,6 +109,15 @@
   --frey-button-destructive-hover: var(--frey-palette-red-700);
   --frey-button-destructive-text: var(--frey-palette-white);
 
+  /* SegmentedControl */
+  --frey-segmented-control-selected-bg: var(--frey-palette-purple-700);
+  --frey-segmented-control-selected-text: var(--frey-palette-white);
+  --frey-segmented-control-focus-ring: var(--frey-palette-gray-900);
+
+  /* Calendar */
+  --frey-calendar-selected-bg: var(--frey-palette-purple-700);
+  --frey-calendar-selected-text: var(--frey-palette-white);
+
   /* Feedback */
   --frey-color-error: var(--frey-palette-red-600);
   --frey-color-error-bg: var(--frey-palette-red-50);
@@ -173,6 +182,15 @@
   --frey-button-destructive-hover: var(--frey-palette-red-600);
   --frey-button-destructive-text: var(--frey-palette-white);
 
+  /* SegmentedControl */
+  --frey-segmented-control-selected-bg: var(--frey-palette-purple-600);
+  --frey-segmented-control-selected-text: var(--frey-palette-white);
+  --frey-segmented-control-focus-ring: var(--frey-palette-gray-50);
+
+  /* Calendar */
+  --frey-calendar-selected-bg: var(--frey-palette-purple-500);
+  --frey-calendar-selected-text: var(--frey-palette-black);
+
   /* Feedback */
   --frey-color-error: var(--frey-palette-red-400);
   --frey-color-error-bg: #450a0a;
@@ -214,6 +232,13 @@
   --frey-button-secondary-text: var(--frey-palette-purple-800);
   --frey-button-ghost-text: var(--frey-palette-purple-800);
 
+  --frey-segmented-control-selected-bg: var(--frey-palette-purple-900);
+  --frey-segmented-control-selected-text: var(--frey-palette-white);
+  --frey-segmented-control-focus-ring: var(--frey-palette-black);
+
+  --frey-calendar-selected-bg: var(--frey-palette-purple-900);
+  --frey-calendar-selected-text: var(--frey-palette-white);
+
   --frey-color-error: var(--frey-palette-red-700);
   --frey-color-success: var(--frey-palette-green-800);
   --frey-color-warning: #b45309; /* darker yellow/amber */
@@ -236,6 +261,13 @@
   --frey-button-secondary-text: var(--frey-palette-purple-300);
   --frey-button-ghost-text: var(--frey-palette-purple-300);
 
+  --frey-segmented-control-selected-bg: var(--frey-palette-purple-300);
+  --frey-segmented-control-selected-text: var(--frey-palette-black);
+  --frey-segmented-control-focus-ring: var(--frey-palette-white);
+
+  --frey-calendar-selected-bg: var(--frey-palette-purple-300);
+  --frey-calendar-selected-text: var(--frey-palette-black);
+
   --frey-color-error: var(--frey-palette-red-300);
   --frey-color-success: var(--frey-palette-green-300);
   --frey-color-warning: var(--frey-palette-yellow-300);

package/dist/esm/Calendar/calendar.css

@@ -0,0 +1,216 @@
+.calendar_87158919 {
+  box-sizing: border-box;
+  inline-size: min(100%, 24rem);
+  padding: var(--frey-space-3);
+  border: 1px solid var(--frey-color-border-subtle);
+  border-radius: var(--frey-radius-lg);
+  background: var(--frey-color-surface);
+  color: var(--frey-color-text-primary);
+}
+
+.calendar_header_dc6c5d67 {
+  display: grid;
+  grid-template-columns: 3rem minmax(0, 1fr) 3rem;
+  align-items: center;
+  gap: var(--frey-space-2);
+  margin-block-end: var(--frey-space-2);
+}
+
+.calendar_heading_d259f9f3 {
+  margin: 0;
+  overflow: hidden;
+  color: var(--frey-color-text-title);
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.5;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.calendar_navigation_button_ce20b24f {
+  min-inline-size: 3rem;
+  min-block-size: 3rem;
+  padding: 0;
+}
+
+.calendar_previous_icon_0a8585f8 {
+  transform: rotate(90deg);
+}
+
+.calendar_next_icon_ab316bbe {
+  transform: rotate(-90deg);
+}
+
+.calendar_87158919[dir='rtl'] .calendar_previous_icon_0a8585f8 {
+  transform: rotate(-90deg);
+}
+
+.calendar_87158919[dir='rtl'] .calendar_next_icon_ab316bbe {
+  transform: rotate(90deg);
+}
+
+.calendar_grid_5860b8a6 {
+  inline-size: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  table-layout: fixed;
+}
+
+.calendar_weekday_a72f2604 {
+  block-size: 2rem;
+  padding: 0;
+  color: var(--frey-color-text-secondary);
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-align: center;
+}
+
+.calendar_weekday_a72f2604 abbr {
+  text-decoration: none;
+}
+
+.calendar_cell_c789fe24 {
+  padding: 0;
+  text-align: center;
+}
+
+.calendar_day_f28d0aa7 {
+  position: relative;
+  isolation: isolate;
+  display: inline-grid;
+  place-items: center;
+  box-sizing: border-box;
+  inline-size: 100%;
+  min-inline-size: 2.5rem;
+  aspect-ratio: 1;
+  padding: 0;
+  border: 2px solid transparent;
+  border-radius: var(--frey-radius-full);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-variant-numeric: tabular-nums;
+  cursor: pointer;
+}
+
+.calendar_day_f28d0aa7::before,
+.calendar_day_f28d0aa7::after {
+  position: absolute;
+  border-radius: inherit;
+  content: '';
+  pointer-events: none;
+}
+
+.calendar_day_f28d0aa7::before {
+  inset: 0.125rem;
+  z-index: -2;
+  border: 2px solid transparent;
+  background: transparent;
+}
+
+.calendar_day_f28d0aa7::after {
+  inset: var(--frey-space-2);
+  z-index: -1;
+  outline: 2px solid transparent;
+  outline-offset: 0;
+}
+
+.calendar_day_f28d0aa7:hover:not([aria-disabled='true'])::before {
+  background: var(--frey-color-surface-hover);
+}
+
+.calendar_day_f28d0aa7:focus {
+  outline: none;
+}
+
+.calendar_day_f28d0aa7:focus::after {
+  outline-color: var(--frey-color-focus-ring);
+}
+
+.calendar_day_adjacent_642b5fdc {
+  color: var(--frey-color-text-secondary);
+  font-style: italic;
+}
+
+.calendar_day_selected_e0ebb5c7 {
+  border-radius: var(--frey-radius-md);
+  color: var(--frey-calendar-selected-text);
+  font-weight: 700;
+}
+
+.calendar_day_selected_e0ebb5c7::before,
+.calendar_day_selected_e0ebb5c7:hover:not([aria-disabled='true'])::before {
+  background: var(--frey-calendar-selected-bg);
+}
+
+.calendar_day_selected_e0ebb5c7:focus::after {
+  outline-color: var(--frey-calendar-selected-text);
+}
+
+.calendar_day_today_0745b547::before {
+  border-color: currentcolor;
+}
+
+.calendar_day_unavailable_84cdd2f7 {
+  text-decoration-line: line-through;
+  text-decoration-thickness: 2px;
+  text-decoration-color: currentcolor;
+  cursor: not-allowed;
+}
+
+.calendar_day_out_of_range_e586d670:not(.calendar_day_unavailable_84cdd2f7) {
+  color: var(--frey-color-text-secondary);
+  cursor: not-allowed;
+}
+
+.calendar_87158919[data-disabled='true'] .calendar_day_f28d0aa7 {
+  cursor: not-allowed;
+}
+
+@media (forced-colors: active) {
+  .calendar_day_f28d0aa7:focus::after {
+    outline-color: Highlight;
+  }
+
+  .calendar_day_selected_e0ebb5c7:focus::after {
+    outline-color: HighlightText;
+  }
+
+  .calendar_day_selected_e0ebb5c7 {
+    color: HighlightText;
+    forced-color-adjust: none;
+  }
+
+  .calendar_day_selected_e0ebb5c7::before {
+    border-color: Highlight;
+    background: Highlight;
+    forced-color-adjust: none;
+  }
+
+  .calendar_day_today_0745b547:not(.calendar_day_selected_e0ebb5c7)::before {
+    border-color: CanvasText;
+  }
+
+  .calendar_day_today_0745b547.calendar_day_selected_e0ebb5c7::before {
+    border-color: HighlightText;
+  }
+}
+
+@media (max-width: 24rem) {
+  .calendar_87158919 {
+    padding: var(--frey-space-2);
+  }
+
+  .calendar_day_f28d0aa7 {
+    min-inline-size: 2.25rem;
+  }
+}
+
+@media (pointer: coarse) {
+  .calendar_day_f28d0aa7,
+  .calendar_navigation_button_ce20b24f {
+    min-inline-size: 3rem;
+    min-block-size: 3rem;
+  }
+}

package/dist/esm/Calendar/calendar.module.css.mjs

@@ -0,0 +1,6 @@
+'use client';
+import './calendar.css';
+var styles = {"calendar":"calendar_87158919","calendar_header":"calendar_header_dc6c5d67","calendar_heading":"calendar_heading_d259f9f3","calendar_navigation_button":"calendar_navigation_button_ce20b24f","calendar_previous_icon":"calendar_previous_icon_0a8585f8","calendar_next_icon":"calendar_next_icon_ab316bbe","calendar_grid":"calendar_grid_5860b8a6","calendar_weekday":"calendar_weekday_a72f2604","calendar_cell":"calendar_cell_c789fe24","calendar_day":"calendar_day_f28d0aa7","calendar_day_adjacent":"calendar_day_adjacent_642b5fdc","calendar_day_selected":"calendar_day_selected_e0ebb5c7","calendar_day_today":"calendar_day_today_0745b547","calendar_day_unavailable":"calendar_day_unavailable_84cdd2f7","calendar_day_out_of_range":"calendar_day_out_of_range_e586d670"};
+
+export { styles as default };
+//# sourceMappingURL=calendar.module.css.mjs.map

package/dist/esm/Calendar/calendar.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/Calendar/calendarInteractions.mjs

@@ -0,0 +1,32 @@
+'use client';
+import { getHorizontalDayDelta } from './calendarModel.mjs';
+
+const STATIC_MOVEMENTS = {
+    ArrowUp: { unit: 'week', amount: -1 },
+    ArrowDown: { unit: 'week', amount: 1 },
+    Home: { unit: 'week-start' },
+    End: { unit: 'week-end' },
+};
+function resolvePageMovement(key, shiftKey) {
+    if (key !== 'PageUp' && key !== 'PageDown')
+        return undefined;
+    return {
+        unit: shiftKey ? 'year' : 'month',
+        amount: key === 'PageUp' ? -1 : 1,
+    };
+}
+function resolveCalendarKeyboardCommand(key, shiftKey, direction) {
+    if (key === 'Enter' || key === ' ')
+        return { type: 'activate' };
+    if (key === 'ArrowLeft' || key === 'ArrowRight') {
+        return {
+            type: 'move',
+            movement: { unit: 'day', amount: getHorizontalDayDelta(key, direction) },
+        };
+    }
+    const movement = STATIC_MOVEMENTS[key] ?? resolvePageMovement(key, shiftKey);
+    return movement ? { type: 'move', movement } : null;
+}
+
+export { resolveCalendarKeyboardCommand };
+//# sourceMappingURL=calendarInteractions.mjs.map

package/dist/esm/Calendar/calendarInteractions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarInteractions.mjs","sources":["../../../src/Calendar/calendarInteractions.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAOA,MAAM,gBAAgB,GAElB;IACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;IACrC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE;AACtC,IAAA,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;AAC5B,IAAA,GAAG,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;CAC1B;AAED,SAAS,mBAAmB,CAC1B,GAAW,EACX,QAAiB,EAAA;AAEjB,IAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,UAAU;AAAE,QAAA,OAAO,SAAS;IAC5D,OAAO;QACL,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO;AACjC,QAAA,MAAM,EAAE,GAAG,KAAK,QAAQ,GAAG,EAAE,GAAG,CAAC;KAClC;AACH;SAEgB,8BAA8B,CAC5C,GAAW,EACX,QAAiB,EACjB,SAAwB,EAAA;AAExB,IAAA,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,GAAG;AAAE,QAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE;IAC/D,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,YAAY,EAAE;QAC/C,OAAO;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,qBAAqB,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE;SACzE;IACH;AACA,IAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,IAAI,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAC;AAC5E,IAAA,OAAO,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI;AACrD;;;;"}