@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/collection/components/cura-calendar/cura-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-calendar.js","sourceRoot":"","sources":["../../../src/components/cura-calendar/cura-calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Prop, Event, EventEmitter, Host } from '@stencil/core';\nimport {\n  getMonth, getYear, startOfMonth, endOfMonth, eachDayOfInterval, format, getDay,\n  isBefore, isAfter, isSameDay, isToday, parseISO, addDays, addMonths, subDays, startOfYear,\n  eachMonthOfInterval, startOfWeek, endOfWeek, subMonths,\n  isValid\n} from 'date-fns';\nimport enAU from 'date-fns/locale/en-AU';\nimport ptBR from 'date-fns/locale/pt-BR';\n\n@Component({\n  tag: 'cura-calendar',\n  styleUrl: 'cura-calendar.scss',\n  shadow: true,\n})\n\nexport class CuraCalendar {\n  /**\n   * An array of specific dates to be highlighted or processed.\n   *\n   * @type {string[] | string}\n   * @default []\n   * @example\n   * // Example usage\n   * period = [\"2024-08-01\", \"2024-08-30\"];\n   */\n  @Prop({ reflect: true }) period: string[] | string = []\n  /**\n   * Width of the component.\n   *\n   * @type {string}\n   * @default '300px'\n   */\n  @Prop({ reflect: true }) width: string = '300px';\n  /**\n   * Selection mode of the date picker.\n   *\n   * @type {'single' | 'multiple' | 'range'}\n   * @default 'single'\n   */\n  @Prop({ reflect: true }) mode: 'single' | 'multiple' | 'range' = 'single';\n  /**\n   * Date format used for display and parsing.\n   *\n   * @type {string}\n   * @default 'yyyy-MM-dd'\n   */\n  @Prop({ reflect: true }) dateFormat: string = 'yyyy-MM-dd';\n  /**\n   * Locale for date formatting.\n   *\n   * @type {'pt-BR' | 'en-US'}\n   * @default 'pt-BR'\n   */\n  @Prop({ reflect: true }) locale: 'pt-BR' | 'en-US' = 'pt-BR';\n\n  /**\n   * Display type of the date picker.\n   *\n   * @type {'dropdown' | 'static'}\n   * @default 'dropdown'\n   */\n  @Prop({ reflect: true }) type: 'dropdown' | 'static' = 'dropdown';\n\n  /**\n   * List of dates to disable.\n   *\n   * @type {string[]}\n   * @default []\n   */\n  @Prop({ reflect: true }) disable: string[] = [];\n  /**\n   * List of dates to enable.\n   *\n   * @type {string[]}\n   * @default []\n   */\n  @Prop({ reflect: true }) enable: string[] = [];\n  /**\n   * Default dates selected on initialization.\n   *\n   * @type {string[]}\n   * @default []\n   */\n  @Prop({ reflect: true }) defaultDate: string[] = [];\n  /**\n   * Limits the selectable date range.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Prop({ reflect: true }) limitRange: number | null = null;\n\n  /**\n   * The current month being viewed in the date picker.\n   *\n   * @type {Date}\n   * @default new Date()\n   */\n  @State() currentDate: Date = new Date();\n\n  /**\n   * Array of currently selected dates.\n   *\n   * @type {Date[]}\n   * @default []\n   */\n  @State() selectedDates: Date[] = [];\n\n  /**\n   * The start date of the range selection, if applicable.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @State() rangeStart: Date | null = null;\n\n  /**\n   * Array of default dates that are initially selected.\n   *\n   * @type {Date[]}\n   * @default []\n   */\n  @State() defaultDates: Date[] = [];\n\n  /**\n * Selected months on dropdown.\n *\n * @type {string}\n * @default ''\n */\n  @State() selectMonth: string = '';\n\n  /**\n  * Selected year on dropdown.\n  *\n  * @type {string}\n  * @default ''\n  */\n  @State() selectYear: string = ''\n\n  /**\n   * CSS styles applied to the component.\n   *\n   * @type {Object}\n   * @default {}\n   */\n  @State() styles = {};\n\n  /**\n   * Event emitted when a day is changed.\n  *\n  * @event\n  * @type {EventEmitter<{ days: Date[] }>}\n  */\n  @Event() onchangeday: EventEmitter<{ days: Date[] }>;\n\n  theme = window.CuraAPI.theme;\n  weights: { [key: string]: string } = this.theme.fonts.getWeights();\n  optionsLocale = { 'pt-BR': ptBR, 'en-US': enAU };\n\n  connectedCallback() {\n    this.initializeDefaultDates();\n    this.setFontProperties()\n\n    const colors = [\n      { name: '--accent-base', theme: 'accent-base' },\n      { name: '--accent-light', theme: 'accent-light' },\n      { name: '--neutral-black', theme: 'neutral-black' },\n      { name: '--primary-darker', theme: 'primary-darker' },\n      { name: '--neutral-dark', theme: 'neutral-dark' },\n      { name: '--neutral-light', theme: 'neutral-light' },\n    ];\n\n    colors.forEach(color => this.styles = { ...this.styles, [color.name]: this.theme.colors.getColor(color.theme) });\n  }\n\n  setFontProperties() {\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--font-weight-bold'] = this.weights.bold;\n    this.styles['--font-weight-regular'] = this.weights.regular;\n  }\n\n  /**\n   * Initialize the selected dates based on defaultDate and mode.\n   */\n  initializeDefaultDates() {\n    this.defaultDates = this.expandDateRanges(this.defaultDate);\n  }\n\n  /**\n * Get the locale for the calendar.\n *\n * @returns {Locale} The locale object.\n */\n  determineLocale() {\n    return this.optionsLocale[this.locale as string] || this.locale;\n  }\n\n  /**\n * Check if a date is within the valid period.\n *\n * @param {Date} date - The date to check.\n * @returns {boolean} Whether the date is valid.\n */\n  isDateInValidPeriod(date: Date): boolean {\n    return this.period.includes(format(date, this.dateFormat));\n  }\n\n  /**\n   * Check if a date is selected.\n   *\n   * @param {Date} date - The date to check.\n   * @returns {boolean} Whether the date is selected.\n   */\n  isDateSelected(date: Date): boolean {\n    return this.isDateInList(this.selectedDates, date);\n  }\n\n  /**\n   * Check if has date in defaultDates.\n   *\n   * @param {Date} date - The date to check.\n   * @returns {boolean} Whether the date is selected.\n   */\n  isDateInDefaultSelection(date: Date): boolean {\n    return this.isDateInList(this.defaultDates, date);\n  }\n\n  /**\n   * Check if a date is within a disabled period.\n   *\n   * @param {Date} date - The date to check.\n   * @returns {boolean} Whether the date is disabled.\n   */\n  isDateInDisabledPeriod(date: Date): boolean {\n    return this.isDateInList(this.expandDateRanges(this.disable), date)\n  }\n\n  /**\n   * Check if a date is within an enabled period.\n   *\n   * @param {Date} date - The date to check.\n   * @returns {boolean} Whether the date is enabled.\n   */\n  isDateInEnabledPeriod(date: Date): boolean {\n    if (this.enable.length === 0) return true;\n    return this.isDateInList(this.expandDateRanges(this.enable), date)\n  }\n\n  /**\n * Checks if a date is in the provided list of dates.\n *\n * @param {Date[]} dates - The list of dates to check against.\n * @param {Date} date - The date to check.\n * @returns {boolean} Whether the date is in the list.\n */\n  isDateInList(dates: Date[], date: Date): boolean {\n    return dates.some(d => isSameDay(d, date));\n  }\n\n  /**\n   * Removes a specific date from a list of dates.\n   *\n   * @param {Date[]} dates - The array of dates to filter.\n   * @param {Date} dateToRemove - The date to remove from the array.\n   * @returns {Date[]} A new array with the specified date removed.\n   */\n  removeDateFromSelection(dates: Date[], dateToRemove: Date): Date[] {\n    return dates.filter(d => !isSameDay(d, dateToRemove));\n  }\n\n  /**\n   * Change the current month.\n   *\n   * @param {string} direction - 'prev' | 'next'\n   */\n  updateCurrentMonth(direction: 'prev' | 'next') {\n    let newMonth = new Date(this.currentDate);\n\n    if (direction === 'prev') newMonth = subMonths(this.currentDate, 1)\n    if (direction === 'next') newMonth = addMonths(this.currentDate, 1)\n\n    this.currentDate = newMonth;\n  }\n\n  /**\n   * Handle the month dropdown change.\n   *\n   * @param {CustomEvent} event - The change event.\n   */\n  onMonthDropdownChange(event: CustomEvent) {\n    const { months } = this.fetchMonthNames();\n    const newMonth = event.detail.value;\n\n    this.selectMonth = newMonth\n    this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);\n  }\n\n  /**\n   * Handle the year input change.\n   *\n   * @param {CustomEvent} event - The change event.\n   */\n  onYearDropdownChange(event: CustomEvent) {\n    const newYear = event.detail.value;\n\n    this.selectYear = newYear\n    this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);\n  }\n\n  /**\n   * Flatten date ranges into individual dates.\n   *\n   * @param {({ from: string; to: string } | string)[]} dates - An array of date ranges or individual dates.\n   * @returns {Date[]} An array of individual dates.\n   */\n  expandDateRanges(dates: ({ from: string; to: string } | string)[]): Date[] {\n    return dates.flatMap(date => {\n      if (typeof date === 'string') return isValid(parseISO(date)) ? [parseISO(date)] : [];\n\n      const start = parseISO(date.from);\n      const end = parseISO(date.to);\n\n      if (isValid(start) && isValid(end) && start <= end) return eachDayOfInterval({ start, end });\n      return [];\n    });\n  }\n\n  /**\n   * Handle single date selection.\n   *\n   * @param {Date} date - The date to select.\n   */\n  selectSingleDate(date: Date) {\n    this.defaultDates = [];\n    this.selectedDates = [date];\n  }\n\n  /**\n   * Handle multiple date selection.\n   *\n   * @param {Date} date - The date to select or deselect.\n   */\n  selectMultiplesDate(date: Date) {\n    if (!this.isDateSelected(date) || !this.isDateInDefaultSelection(date)) return this.selectedDates = [...this.selectedDates, date];\n\n    this.selectedDates = this.removeDateFromSelection(this.selectedDates, date)\n    this.defaultDates = this.removeDateFromSelection(this.defaultDates, date)\n  }\n\n  /**\n   * Handle range date selection.\n   *\n   * @param {Date} date - The date to select.\n   */\n  selectDateRange(date: Date) {\n    this.defaultDates = [];\n\n    const start = isBefore(this.rangeStart, date) ? this.rangeStart : date;\n    const end = isAfter(this.rangeStart, date) ? this.rangeStart : date;\n    const range = eachDayOfInterval({ start, end });\n\n    if (!this.rangeStart || this.selectedDates.length === 2) {\n      this.rangeStart = date;\n      this.selectedDates = [date];\n      return;\n    }\n\n    if (this.limitRange === null || range.length <= this.limitRange) {\n      this.selectedDates = range;\n      this.rangeStart = null;\n    }\n  }\n\n  /**\n   * Handle a click on a date.\n   *\n   * @param {Date} date - The date that was clicked.\n   */\n  onDateClick(date: Date) {\n    if (!this.isDateInValidPeriod(date) || this.isDateInDisabledPeriod(date) || !this.isDateInEnabledPeriod(date)) return;\n\n    const selectionHandlers = {\n      single: this.selectSingleDate.bind(this),\n      multiple: this.selectMultiplesDate.bind(this),\n      range: this.selectDateRange.bind(this)\n    };\n\n    selectionHandlers[this.mode](date);\n    this.onchangeday.emit({ days: [...this.defaultDates, ...this.selectedDates].filter(d => this.isDateInValidPeriod(d)) });\n  }\n\n  /**\n  * Get the days of the week.\n  *\n  * @returns {string[]} An array of abbreviated day names.\n  */\n  fetchWeekDays(): string[] {\n    const start = startOfWeek(new Date(2021, 0, 3), { locale: this.determineLocale() });\n    const end = endOfWeek(new Date(2021, 0, 3), { locale: this.determineLocale() });\n\n    return eachDayOfInterval({ start, end }).map(day => format(day, 'EEEEEE', { locale: this.determineLocale() }));\n  }\n\n  /**\n   * Get the days of the current month, including leading nulls for alignment.\n   *\n   * @returns {(Date | null)[]} An array of dates and nulls for the current month view.\n   */\n  fetchDaysOfMonth(): Date[] {\n    const start = startOfMonth(this.currentDate);\n    const end = endOfMonth(this.currentDate);\n    const WEEKS_IN_CALENDAR_VIEW = 6;\n    const DAYS_IN_CALENDAR_VIEW = 42;\n\n    const daysIncurrentDate = eachDayOfInterval({ start, end });\n\n    const prevMonthStart = startOfMonth(addMonths(start, -1));\n    const prevMonthEnd = endOfMonth(prevMonthStart);\n    const daysInPrevMonth = eachDayOfInterval({\n      start: subDays(prevMonthEnd, getDay(start)),\n      end: prevMonthEnd\n    });\n\n    const nextMonthStart = startOfMonth(addMonths(end, 1));\n    const nextMonthEnd = endOfMonth(nextMonthStart);\n    const remainingDays = WEEKS_IN_CALENDAR_VIEW - getDay(end);\n    const daysInNextMonth = eachDayOfInterval({\n      start: nextMonthStart,\n      end: addDays(nextMonthEnd, remainingDays)\n    });\n\n    const totalDays = [\n      ...daysInPrevMonth.slice(-getDay(start)),\n      ...daysIncurrentDate,\n      ...daysInNextMonth\n    ];\n\n    return totalDays.slice(0, DAYS_IN_CALENDAR_VIEW);\n  }\n\n  /**\n   * Get the names of all months in the current year.\n   *\n   * @returns {{ months: string[], currentMonth: string }} An object containing an array of month names and the name of the current month.\n   */\n  fetchMonthNames(): { months: string[] } {\n    const currentYear = getYear(this.currentDate);\n    const locale = this.determineLocale();\n\n    const months = eachMonthOfInterval({\n      start: startOfYear(new Date(currentYear, 0, 1)),\n      end: new Date(currentYear, 11, 31)\n    }).map(month => format(month, 'MMMM', { locale }));\n\n    const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();\n\n    return {\n      months: months.map(capitalize),\n    };\n  }\n\n  /**\n   * Get a list of years in descending order from the current year to a specified limit.\n   *\n   * @returns {number[]} An array of years.\n   */\n  fetchYearList(): number[] {\n    const currentYear = getYear(new Date());\n    return Array.from({ length: 100 }, (_, i) => currentYear - i);\n  }\n\n  /**\n  * Get the color for the previous button.\n  *\n  * @returns {string} The color name for the previous button.\n  */\n  determinePrevButtonColor(): string {\n    const isPrevDisabled = isBefore(new Date(getYear(this.currentDate), getMonth(this.currentDate) - 1, 1), startOfMonth(new Date()));\n    return isPrevDisabled ? 'neutral-light' : 'primary-base';\n  }\n\n  /**\n  * Get the status of a given date, determining its position and interval status.\n  *\n  * @param {Date | null} date - The date to evaluate.\n  * @returns {Object} An object containing the status flags for the date.\n  */\n  getDateStatus(date: Date) {\n    const [startSelected, endSelected] = [this.selectedDates[0], this.selectedDates[this.selectedDates.length - 1]];\n    const [startDefault, endDefault] = [this.defaultDates[0], this.defaultDates[this.defaultDates.length - 1]];\n\n    const hasSelectedDates = this.selectedDates.length > 1;\n    const isDateInDefaultSelection = this.defaultDates.length > 1;\n\n    const isStartSelected = this.isDateSelected(date) && isSameDay(date, startSelected);\n    const isStartDefault = this.isDateInDefaultSelection(date) && isSameDay(date, startDefault);\n    const isEndSelected = this.isDateSelected(date) && isSameDay(date, endSelected);\n    const isEndDefault = this.isDateInDefaultSelection(date) && isSameDay(date, endDefault);\n\n    const isStart = isStartSelected || isStartDefault;\n    const isEnd = isEndSelected || isEndDefault;\n\n\n    const selectedIntervals = this.expandDateRanges([{ from: startSelected?.toISOString(), to: endSelected?.toISOString() }]);\n    const defaultIntervals = this.expandDateRanges([{ from: startDefault?.toISOString(), to: endDefault?.toISOString() }]);\n\n    const intervalSelected = hasSelectedDates && this.isDateInList(selectedIntervals, date);\n    const intervalDefault = isDateInDefaultSelection && this.isDateInList(defaultIntervals, date);\n\n    const isValid = this.isDateInValidPeriod(date);\n    const isInvalid = !isValid || this.isDateInDisabledPeriod(date) || !this.isDateInEnabledPeriod(date);\n    const isSelected = this.isDateSelected(date);\n    const isRange = this.mode === 'range' && (hasSelectedDates || isDateInDefaultSelection);\n    const isDefault = this.mode !== 'range' && this.isDateInDefaultSelection(date);\n    const isInterval = (intervalSelected || intervalDefault) && !isStart && !isEnd;\n\n    return {\n      isStart,\n      isEnd,\n      isValid,\n      isInvalid,\n      isSelected,\n      isRange,\n      isDefault,\n      isInterval\n    };\n  }\n\n  /**\n   * Get the CSS classes for a given date based on its status.\n   *\n   * @param {Date | null} date - The date to evaluate.\n   * @returns {Object} An object containing the CSS classes for the date.\n   */\n  getClasses(date: Date) {\n    const classes = { 'date': true };\n    if (date === null) return classes;\n\n    const dateStatus = this.getDateStatus(date);\n\n    classes['today'] = isToday(date);\n    classes['valid'] = dateStatus.isValid;\n    classes['invalid'] = dateStatus.isInvalid;\n    classes['selected'] = dateStatus.isSelected;\n    classes['range'] = dateStatus.isRange;\n    classes['default-dates'] = dateStatus.isDefault;\n    classes['start'] = dateStatus.isStart;\n    classes['interval'] = dateStatus.isInterval;\n    classes['end'] = dateStatus.isEnd;\n\n    return classes;\n  }\n\n  /**\n   * Get custom CSS properties for the host element.\n   *\n   * @returns {Object} An object containing CSS properties and their values.\n   */\n  getHostCSSProperties() {\n    return {\n      '--width': this.width,\n    };\n  }\n\n\n  render() {\n    const { months } = this.fetchMonthNames();\n\n    return (\n      <Host style={this.getHostCSSProperties()}>\n        <div class=\"calendar\" style={this.styles}>\n          <header class=\"header\">\n            <div class={`month-year ${this.type === 'dropdown' && 'dropdown'}`}>\n              <cura-icon\n                class={`icon ${this.type === 'dropdown' && 'dropdown'}`}\n                name=\"left\"\n                color={this.determinePrevButtonColor()}\n                onClick={() => this.updateCurrentMonth('prev')}>\n              </cura-icon>\n              {this.type === 'dropdown' ? (\n                <div class=\"select\">\n                  <cura-select\n                    class=\"drop-month\"\n                    mode=\"transparent\"\n                    value={months[getMonth(this.currentDate)]}\n                    onSelected={(e) => this.onMonthDropdownChange(e)}\n                  >\n                    {months.map((month, index) => (\n                      <cura-select-option\n                        key={index}\n                        value={month}>\n                        {month}\n                      </cura-select-option>\n                    ))}\n                  </cura-select>\n                  <cura-select\n                    class=\"drop-year\"\n                    mode=\"transparent\"\n                    value={getYear(this.currentDate).toString()}\n                    onSelected={(e) => this.onYearDropdownChange(e)}\n                  >\n                    {this.fetchYearList().map((year, index) => (\n                      <cura-select-option\n                        key={index}\n                        value={year.toString()}>\n                        {year.toString()}\n                      </cura-select-option>\n                    ))}\n                  </cura-select>\n                </div>\n              ) : (\n                <cura-label\n                  color=\"neutral-black\"\n                  size=\"large\">\n                  {months[getMonth(this.currentDate)].slice(0, 3)}, {getYear(this.currentDate)}\n                </cura-label>\n              )}\n              <cura-icon\n                class={`icon ${this.type === 'dropdown' && 'dropdown'}`}\n                name=\"right\"\n                color=\"primary-base\"\n                onClick={() => this.updateCurrentMonth('next')}>\n              </cura-icon>\n            </div>\n          </header>\n\n          <span class=\"days-of-week\">\n            {this.fetchWeekDays().map((day, index) => (\n              <cura-label\n                class=\"day\"\n                size=\"xsmall\"\n                color=\"neutral-black\"\n                weight='bold'\n                key={index}>\n                {day === 'sab' ? 'SÁB' : day.toLocaleUpperCase()}\n              </cura-label>\n            ))}\n          </span>\n\n          <div class=\"dates\">\n            {this.fetchDaysOfMonth().map((day, index) => (\n              <div\n                key={index}\n                class={this.getClasses(day)}\n                onClick={() => this.onDateClick(day)}>\n                {day ? format(day, 'd') : ''}\n              </div>\n            ))}\n          </div>\n        </div >\n      </Host >\n    );\n  }\n}\n"]}

package/dist/collection/components/cura-calendar/cura-calendar.stories.js

@@ -0,0 +1,126 @@
+const renderCuraCalendar = (args) => `
+    <cura-calendar
+      ${args.period && `period="${args.period}"`}
+      ${args.width && `width="${args.width}"`}
+      ${args.mode && `mode="${args.mode}"`}
+      ${args.type && `type="${args.type}"`}
+      ${args.dateFormat && `date-format="${args.dateFormat}"`}
+      ${args.locale && `locale="${args.locale}"`}
+      ${`enable="${args.enable.length > 0 ? args.enable : '[]'}"`}
+      ${`disable="${args.disable.length > 0 ? args.disable : '[]'}"`}
+      ${`defaultDate="${args.defaultDate.length > 0 ? args.defaultDate : '[]'}"`}
+      ${args.limitRange !== null ? `limit-range="${args.limitRange}"` : ''}
+    ></cura-calendar>
+`;
+export default {
+    title: 'Componentes/Calendar/Calendar',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    render: (args) => renderCuraCalendar(args),
+    argTypes: {
+        period: {
+            control: 'array',
+            description: 'Define os períodos disponíveis para o calendário.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: '[]' },
+            },
+        },
+        width: {
+            control: 'text',
+            description: 'Define a largura do calendário. <b>Largura minima "300px"</b>.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: '300px' },
+            },
+        },
+        mode: {
+            control: 'inline-radio',
+            options: ['single', 'multiple', 'range'],
+            description: 'Define o modo de seleção de datas.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: 'single' },
+            },
+        },
+        type: {
+            control: 'inline-radio',
+            options: ['static', 'dropdown'],
+            description: 'Define o tipo de visualização (mês/ano) do calendário.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: 'static' },
+            },
+        },
+        dateFormat: {
+            control: 'text',
+            description: 'Define o formato das datas exibidas.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: 'yyyy-MM-dd' },
+            },
+        },
+        locale: {
+            control: 'inline-radio',
+            options: ['pt-BR', 'en-US'],
+            description: 'Define o idioma/localização do calendário.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: 'pt-BR' },
+            },
+        },
+        defaultDate: {
+            control: 'array',
+            description: 'Define as datas que serão pré-selecionadas no calendário.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: '[]' },
+            },
+        },
+        enable: {
+            control: 'array',
+            description: 'Define as datas que são habilitadas para seleção.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: '[]' },
+            },
+        },
+        disable: {
+            control: 'array',
+            description: 'Define as datas que são desabilitadas para seleção.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: '[]' },
+            },
+        },
+        limitRange: {
+            control: 'number',
+            description: 'Define o limite de datas selecionáveis no modo de seleção range.',
+            table: {
+                category: "Properties",
+                defaultValue: { summary: 'null' },
+            },
+        },
+    },
+};
+export const Calendar = {
+    args: {
+        period: [
+            "2024-08-01", "2024-08-30", "2024-08-02", "2024-08-03", "2024-08-04",
+            "2024-08-29", "2024-08-15", "2024-08-02", "2024-08-30", "2024-09-01",
+            "2024-09-29", "2024-10-15", "2024-09-02", "2024-09-30", "2024-10-01"
+        ],
+        width: '300px',
+        mode: 'single',
+        type: 'static',
+        locale: 'pt-BR',
+        dateFormat: 'yyyy-MM-dd',
+        defaultDate: [],
+        enable: [],
+        disable: [],
+        limitRange: null,
+    },
+};
+//# sourceMappingURL=cura-calendar.stories.js.map

package/dist/collection/components/cura-calendar/cura-calendar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-calendar.stories.js","sourceRoot":"","sources":["../../../src/components/cura-calendar/cura-calendar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["const renderCuraCalendar = (args) => `\n    <cura-calendar\n      ${args.period && `period=\"${args.period}\"`}\n      ${args.width && `width=\"${args.width}\"`}\n      ${args.mode && `mode=\"${args.mode}\"`}\n      ${args.type && `type=\"${args.type}\"`}\n      ${args.dateFormat && `date-format=\"${args.dateFormat}\"`}\n      ${args.locale && `locale=\"${args.locale}\"`}\n      ${`enable=\"${args.enable.length > 0 ? args.enable : '[]'}\"`}\n      ${`disable=\"${args.disable.length > 0 ? args.disable : '[]'}\"`}\n      ${`defaultDate=\"${args.defaultDate.length > 0 ? args.defaultDate : '[]'}\"`}\n      ${args.limitRange !== null ? `limit-range=\"${args.limitRange}\"` : ''}\n    ></cura-calendar>\n`;\n\nexport default {\n  title: 'Componentes/Calendar/Calendar',\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n  render: (args) => renderCuraCalendar(args),\n  argTypes: {\n    period: {\n      control: 'array',\n      description: 'Define os períodos disponíveis para o calendário.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '[]' },\n      },\n    },\n    width: {\n      control: 'text',\n      description: 'Define a largura do calendário. <b>Largura minima \"300px\"</b>.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '300px' },\n      },\n    },\n    mode: {\n      control: 'inline-radio',\n      options: ['single', 'multiple', 'range'],\n      description: 'Define o modo de seleção de datas.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: 'single' },\n      },\n    },\n    type: {\n      control: 'inline-radio',\n      options: ['static', 'dropdown'],\n      description: 'Define o tipo de visualização (mês/ano) do calendário.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: 'static' },\n      },\n    },\n    dateFormat: {\n      control: 'text',\n      description: 'Define o formato das datas exibidas.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: 'yyyy-MM-dd' },\n      },\n    },\n    locale: {\n      control: 'inline-radio',\n      options: ['pt-BR', 'en-US'],\n      description: 'Define o idioma/localização do calendário.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: 'pt-BR' },\n      },\n    },\n    defaultDate: {\n      control: 'array',\n      description: 'Define as datas que serão pré-selecionadas no calendário.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: '[]' },\n      },\n    },\n    enable: {\n      control: 'array',\n      description: 'Define as datas que são habilitadas para seleção.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: '[]' },\n      },\n    },\n    disable: {\n      control: 'array',\n      description: 'Define as datas que são desabilitadas para seleção.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: '[]' },\n      },\n    },\n    limitRange: {\n      control: 'number',\n      description: 'Define o limite de datas selecionáveis no modo de seleção range.',\n      table: {\n        category: \"Properties\",\n        defaultValue: { summary: 'null' },\n      },\n    },\n  },\n};\n\nexport const Calendar = {\n  args: {\n    period: [\n      \"2024-08-01\", \"2024-08-30\", \"2024-08-02\", \"2024-08-03\", \"2024-08-04\",\n      \"2024-08-29\", \"2024-08-15\", \"2024-08-02\", \"2024-08-30\", \"2024-09-01\",\n      \"2024-09-29\", \"2024-10-15\", \"2024-09-02\", \"2024-09-30\", \"2024-10-01\"\n    ],\n    width: '300px',\n    mode: 'single',\n    type: 'static',\n    locale: 'pt-BR',\n    dateFormat: 'yyyy-MM-dd',\n    defaultDate: [],\n    enable: [],\n    disable: [],\n    limitRange: null,\n  },\n};\n"]}

package/dist/collection/components/cura-card/cura-card.css

@@ -0,0 +1,175 @@
+/**
+ * Global Shadow Level Definitions.
+ * Required CSS Properties with respective opacities:
+ * --neutral-black,
+ * --neutral-purewhite,
+ * --accent-base
+ * --primary-base
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-purewhite opacity: 0.2
+ * Use: @include shadow-level1(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.16
+ * Use: @include shadow-level2(--neutral-black-shadow){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.16
+ * Use: @include shadow-level3(--neutral-black-shadow){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.12
+ * Use: @include shadow-level4(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.8
+ * Use: @include shadow-level5(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --accent-base opacity: 0.2
+ * Use: @include shadow-level5-accent(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --primary-base opacity: 0.16
+ * Use: @include shadow-level3-primary(){ ... }
+ */
+:host {
+  display: block;
+  box-sizing: border-box;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
+}
+:host ::slotted(*) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
+}
+
+a {
+  display: block;
+  text-decoration: none !important;
+  color: inherit;
+}
+
+.solid {
+  background-color: var(--neutral-purewhite);
+  border: 2px solid var(--neutral-base);
+  border-radius: 12px;
+  overflow: hidden;
+  padding: 0px;
+  box-shadow: none;
+}
+.solid ::slotted(*) {
+  border-radius: 0;
+}
+.solid.hasPadding {
+  padding: 20px;
+}
+.solid.hasPadding ::slotted(*) {
+  border-radius: 4px !important;
+}
+.solid.hasShadow {
+  border: 2px solid var(--neutral-base);
+  box-shadow: 0px 1px 4px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));
+}
+.solid.cardLink {
+  background-color: var(--neutral-purewhite);
+  border: 2px solid var(--primary-base);
+  border-radius: 12px;
+  padding: 0px;
+  box-shadow: none;
+  cursor: pointer;
+}
+.solid.cardLink ::slotted(*) {
+  border-radius: 0px;
+}
+.solid.cardLink:hover {
+  border: 2px solid var(--primary-lighter) !important;
+}
+.solid.cardLink.hasPadding {
+  padding: 20px;
+}
+.solid.cardLink.hasPadding ::slotted(*) {
+  border-radius: 4px !important;
+}
+.solid.cardLink.hasPadding:hover {
+  border: 2px solid var(--primary-lighter) !important;
+}
+.solid.cardLink.hasShadow {
+  border: 2px solid var(--primary-base);
+  box-shadow: 0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));
+}
+.solid.cardLink:not(.hasPadding).hasShadow ::slotted(*) {
+  border-radius: 12px !important;
+}
+.solid.cardLink.dark {
+  background-color: var(--neutral-purewhite);
+  border: 2px solid var(--neutral-purewhite);
+}
+.solid.cardLink.dark:hover {
+  border: 2px solid var(--primary-lighter);
+}
+
+.transparent {
+  background-color: transparent;
+  border: 0;
+  border-radius: 12px;
+  padding: 0px;
+  overflow: hidden;
+}
+.transparent ::slotted(*) {
+  border-radius: 12px;
+}
+.transparent.hasPadding {
+  padding: 20px;
+}
+.transparent.hasPadding ::slotted(*) {
+  border-radius: 4px;
+}
+.transparent.cardLink {
+  background-color: transparent;
+  border: 2px solid var(--primary-base);
+  overflow: hidden;
+  border-radius: 12px;
+  padding: 0px;
+  box-shadow: none;
+}
+.transparent.cardLink ::slotted(*) {
+  border-radius: 0px !important;
+}
+.transparent.cardLink:hover {
+  border: 2px solid var(--primary-lighter) !important;
+}
+.transparent.cardLink.light {
+  background-color: var(--neutral-purewhite);
+  border: 2px solid var(--primary-base);
+}
+.transparent.cardLink.light ::slotted(*) {
+  border-radius: 12px !important;
+}
+.transparent.cardLink.light:hover {
+  border-color: var(--primary-lighter) !important;
+}
+.transparent.cardLink.dark {
+  background-color: transparent;
+  border: 2px solid var(--neutral-purewhite);
+}
+.transparent.cardLink.dark:hover {
+  border: 0;
+}
+.transparent.cardLink.hasPadding {
+  padding: 20px;
+}
+.transparent.cardLink.hasPadding ::slotted(*) {
+  border-radius: 4px !important;
+}

package/dist/collection/components/cura-card/cura-card.js

@@ -0,0 +1,201 @@
+import { Host, h } from "@stencil/core";
+export class CuraCard {
+    constructor() {
+        this.hasPadding = true;
+        this.hasShadow = false;
+        this.type = 'solid';
+        this.colorMode = 'light';
+        this.href = undefined;
+        this.target = '_self';
+        this.styles = {};
+    }
+    connectedCallback() {
+        this.weights = window.CuraAPI.theme.fonts.getWeights();
+        this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
+        this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
+        this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
+        this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
+        this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);
+        this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);
+        this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);
+        this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`);
+        this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);
+        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
+        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
+        this.styles['--font-weight-medium'] = this.weights.medium;
+    }
+    getClasses() {
+        const classes = {};
+        classes[this.type] = true;
+        classes[`cardLink`] = this.href;
+        classes[this.colorMode] = true;
+        classes[`hasPadding`] = this.hasPadding;
+        classes[`hasShadow`] = this.hasShadow;
+        return classes;
+    }
+    render() {
+        return (h(Host, { key: 'e158f46384cc9fddf84ad55aed0f945283339d38', role: this.href ? 'link' : 'div' }, this.href ? (h("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, h("slot", null))) : (h("div", { class: this.getClasses(), style: this.styles }, h("slot", null)))));
+    }
+    static get is() { return "cura-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cura-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cura-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "hasPadding": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{boolean}"
+                        }, {
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Determines whether the card should have padding."
+                },
+                "attribute": "has-padding",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "hasShadow": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{boolean}"
+                        }, {
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Determines whether the card should have a shadow effect."
+                },
+                "attribute": "has-shadow",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "type": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "'solid' | 'transparent'",
+                    "resolved": "\"solid\" | \"transparent\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{'solid' | 'transparent'}"
+                        }, {
+                            "name": "default",
+                            "text": "'solid'"
+                        }],
+                    "text": "Sets the type of the card background.\n- 'solid': A solid background.\n- 'transparent': A transparent background."
+                },
+                "attribute": "type",
+                "reflect": false,
+                "defaultValue": "'solid'"
+            },
+            "colorMode": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{'light' | 'dark'}"
+                        }, {
+                            "name": "default",
+                            "text": "'light'"
+                        }],
+                    "text": "Sets the color mode of the card.\n- 'light': Light mode for the card.\n- 'dark': Dark mode for the card."
+                },
+                "attribute": "color-mode",
+                "reflect": false,
+                "defaultValue": "'light'"
+            },
+            "href": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string | undefined}"
+                        }],
+                    "text": "The URL that the card should link to (if set).\nIf not set, the card acts as a normal card."
+                },
+                "attribute": "href",
+                "reflect": true
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string}"
+                        }, {
+                            "name": "default",
+                            "text": "'_self'"
+                        }],
+                    "text": "The target attribute for the link.\nApplicable only if `href` is set."
+                },
+                "attribute": "target",
+                "reflect": true,
+                "defaultValue": "'_self'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "styles": {}
+        };
+    }
+}
+//# sourceMappingURL=cura-card.js.map

package/dist/collection/components/cura-card/cura-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-card.js","sourceRoot":"","sources":["../../../src/components/cura-card/cura-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-card',\n  styleUrl: 'cura-card.scss',\n  shadow: true,\n})\nexport class CuraCard {\n  /**\n   * Determines whether the card should have padding.\n   * @type {boolean}\n   * @default false\n   */\n  @Prop({ mutable: true }) hasPadding: boolean = true;\n\n  /**\n   * Determines whether the card should have a shadow effect.\n   * @type {boolean}\n   * @default false\n   */\n  @Prop({ mutable: true }) hasShadow: boolean = false;\n\n  /**\n   * Sets the type of the card background.\n   * - 'solid': A solid background.\n   * - 'transparent': A transparent background.\n   * @type {'solid' | 'transparent'}\n   * @default 'solid'\n   */\n  @Prop({ mutable: true }) type: 'solid' | 'transparent' = 'solid';\n\n  /**\n   * Sets the color mode of the card.\n   * - 'light': Light mode for the card.\n   * - 'dark': Dark mode for the card.\n   * @type {'light' | 'dark'}\n   * @default 'light'\n   */\n  @Prop({ mutable: true }) colorMode: 'light' | 'dark' = 'light';\n\n  /**\n   * The URL that the card should link to (if set).\n   * If not set, the card acts as a normal card.\n   * @type {string | undefined}\n   */\n  @Prop({ mutable: true, reflect: true }) href?: string;\n\n  /**\n   * The target attribute for the link.\n   * Applicable only if `href` is set.\n   * @type {string}\n   * @default '_self'\n   */\n  @Prop({ reflect: true }) target: string = '_self';\n\n  @State() styles: any = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`);\n    this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.type] = true;\n    classes[`cardLink`] = this.href;\n    classes[this.colorMode] = true;\n    classes[`hasPadding`] = this.hasPadding;\n    classes[`hasShadow`] = this.hasShadow;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host role={this.href ? 'link' : 'div'}>\n        {this.href ? (\n          <a class={this.getClasses()} target={this.target} style={this.styles} href={this.href}>\n            <slot></slot>\n          </a>\n        ) : (\n          <div class={this.getClasses()} style={this.styles}>\n            <slot></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}